html5获取当前位置的api腾讯地图,腾讯地图JavaScript API调用

腾讯地图JavaScript API调用

1、加载地图 API

页面直接引入

https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77 网址是API文件的位置，v2.0 指当前使用的API的版本标识，key=[申请的开发密钥]

2、创建一个容纳地图的div容器

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

在上述示例中，我们定义名为 "container" 的 div，并使用样式属性设置其尺寸。地图会自动使用容器尺寸调整自身的尺寸。

3、地图基本对象

var map = new qq.maps.Map(document.getElementById('container'),myoptions);

表示地图的 JavaScript 类是 Map 类。此类的对象在页面上定义单个地图。我们使用 JavaScript new 操作符创建此类的一个新实例。当创建新的地图实例时，在页面中指定一个 DOM 节点(通常是 div 元素)作为地图的容器。HTML 节点是 JavaScript document 对象的子节点，我们通过document.getElementById() 方法获取对此元素的引用。此代码定义一个全局变量(名为map)，并将该变量分配给新的 Map 对象。函数 Map() 称为构造函数，其定义请参考《参考手册》

myoptions 是地图的配置对象。

4、初始化地图

map.panTo(new qq.maps.LatLng(39.916527,116.397128));