loadmap

地图SDK加载器,支持腾讯地图和百度地图,可用于vue和react项目。

百度地图可选择使用react-baidu-mapsvue-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'}

项目地址
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值