共计 882 个字符，预计需要花费 3 分钟才能阅读完成。
webpack+ 百度地图
创建 script 标签进行加载
export function MP(ak){
return new Promise(function (resolve, reject){
window.onload = function () {
resolve(BMap)
}
var script = document.createElement(“script”);
script.type = “text/javascript”;
script.src = “http://api.map.baidu.com/api?v=2.0&ak=”+ak+”&callback=init”;
script.onerror = reject;
document.head.appendChild(script);
});
}
使用：
import {MP} from ‘./map.js’;
MP(“your ak”).then(BMap => {
// do something
}）
webpack+ 百度地图 +echart
需要 1 百度地图 2 echart3 bmap.min.js 添加扩展，用于让百度地图支持 echart https://github.com/apache/inc…
webpack+osm 地图 +leaflet
可能会遇见两个问题：1 地图图片错位 忘记加载 leaflet.css2 webpack 中使用 leaflet 的一个主要问题是默认图标的加载问题，详见 https://segmentfault.com/q/10…
另外也可以考虑使用动态创建 <script> 标签的方法，类似百度地图加载
webpack+ 百度地图 +leaflet
因为 leaflet 本身支持的是 WGS84 的坐标系，而百度地图在中国使用的是百度坐标系，所以如果要在百度地图中使用 leaflet 的话，一是需要绘图数据变更为百度地图的 BD09 坐标系，二是需要对 leaflet 添加扩展，使其在进行经纬度坐标转化时使用百度地图的映射系统
解决方案：http://tiven.wang/articles/us…
以上问题的代码示例 https://gitlab.com/dahou/maps
