vue 地图使用navigator_在Vue中使用腾讯地图API

在Vue中使用腾讯地图API方式

一、使用在线引用腾讯地图api库(目前推荐这种方式)

在index.html中在线引用api库。

直接使用官方方式初始化地图处理即可。

二、使用库引入方式，按需加载方式引入API

这种方式推荐qqmap模块库。

说明：

腾讯地图模块(含几何计算类库)不包含convertor、place 等扩展类库

安装：

npm install qqmap --save

初始化：

var maps = require('qqmap')

maps.init('此处填写腾讯地图jsSDK 的 KEY', function() {

console.log(maps)

})

代码示例：

var maps = require("qqmap");

maps.init("KD5BZ-MO4R4-PLNU4-XG2Q5-MBIFJ-27FT5", function() {

var center = new maps.LatLng(39.916527, 116.397128);

map = new maps.Map(document.getElementById("mapContainer"), {

center: center,

zoom: 13

});

//获取城市列表接口设置中心点

// citylocation = new qq.maps.C