【计算机】googlemap api教程（共58页）

ID：10461928

大小：364.50 KB

页数：59页

时间：2018-07-06

资源描述：

《【计算机】googlemap api教程（共58页）》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、地图基础知识12222223456简介任何Google地图API应用程序中的基础元素都是“地图”本身。本文档讨论GMap2基础对象的用法和地图操作的基础知识。Google地图的“Hello,World”开始学习Google地图API最简单的方式是看一个简单的示例。下面的网页显示以北京的故宫博物院为中心的500x300的地图。

2、"http://www.w3.org/1999/xhtml">GoogleMapsJavaScriptAPIExample

3、t>functioninitialize(){if(GBrowserIsCompatible()){varmap=newGMap2(document.getElementById("map_canvas"));map.setCenter(newGLatLng(39.9493,116.3975),13);}}

4、e="width:500px;height:300px">

您可以及下载、编辑和调试该示例，但必须将该文件中的密钥替换为您自己的。（如果注册了特定目录的密钥，也可以将其用于所有子目录。）即使在此简单的示例中，也需要注意五点：1使用script标签包含Google地图APIJavaScript。2创建名为“map_canvas”的div元素来包含地图。3编写JavaScript函数创建“map”对象。4将地图的中心设置为指定的地理点。5从body标签的onLoad事件初始化地图对象。下面说明了这些步

5、骤。加载Google地图APIhttp://ditu.google.cn/maps?file=api&v=2&key=abcdefg网址指向包含使用Google地图API所需所有符号和定义的JavaScript文件的位置。您的页面必须包含指向此网址的script标签，使用注册API时收到的密钥。在此示例中

6、，该密钥显示为“abcdefg”。请注意，我们也传递sensor参数以指明此应用程序是否使用传感器来确定用户位置。在此示例中，我们将其设为变量“true_or_false”以强调您必须显式地将此值设置为true或false。地图DOM元素

要让地图在网页上显示，必须为其留出一个位置。通常，我们通过创建名为div的元素并在浏览器的文档对象模型(DOM)中获取此元素的引用执行此操作。在上述示例中，我们定义名为“map_canv

7、as”的div，并使用样式属性设置其尺寸。地图会自动使用容器尺寸调整自身的尺寸，除非使用构造函数中的GMapOptions显式地为地图指定尺寸。GMap2-基本对象varmap=newGMap2(document.getElementById("map_canvas"));GMap2类是表示地图的JavaScript类。此类的对象在页面上定义单个地图。（可以创建此类的多个实例，每个对象将在页面上定义一个不同的地图。）我们使用JavaScriptnew操作符创建此类的一个新实例。当创建新的地图实例时，在页面中指定一个DOM节点（通常是d

8、iv元素）作为地图的容器。HTML节点是JavaScriptdocument对象的子对象，而且我们通过document.getElementById()方法获得该元素的引用。此代码定义了一个变量（名为map），并将新GM

【计算机】googlemap api教程（共58页）

【计算机】googlemap api教程（共58页）

相关文章

相关标签