地图SDK加载器,支持腾讯地图和百度地图,可用于vue和react项目。
百度地图可选择使用react-baidu-maps,vue-baidu-map
安装
npm install load-map --save
使用
import LoadMap from 'load-map';
LoadMap.load({
mapKey: 'xxxxx', // 你申请的key
version: '2.exp', // 地图版本,
url: 'https://map.qq.com/api/js', // 地图SDK的URL,不包含查询部分
query: {}, // 加载地图SDK,额外的URL查询部分(百度地图有type: webgl)
}).then(sdk => {
// qqmapEl是腾讯地图的容器
// myOptions 腾讯地图的配置
new sdk.maps.Map(qqmapEl, myOptions);
})
参数
load方法,
加载地图SDK,返回Promise,成功回调里面参数为SDK
-
mapKey:
【String】 必填,地图平台申请的key
-
version:
【String】 地图版本,腾讯地图(例:
2.exp
),百度地图(例:1.0
) -
url:
【String】 地图SDK的URL,腾讯地图(例:
'https://map.qq.com/api/js'
)默认值,百度地图(例:'https://api.map.baidu.com/api'
) -
query:
【Object】加载地图SDK,额外的URL查询部分,腾讯地图不需要配置,百度地图JavaScript API GL版
{type: 'webgl'}