摘要:百度地圖創(chuàng)建標(biāo)簽進(jìn)行加載使用百度地圖需要百度地圖添加擴(kuò)展,用于讓百度地圖支持地圖可能會(huì)遇見兩個(gè)問題地圖圖片錯(cuò)位忘記加載中使用的一個(gè)主要問題是默認(rèn)圖標(biāo)的加載問題,詳見另外也可以考慮使用動(dòng)態(tài)創(chuàng)建標(biāo)簽的方法,類似百度地圖加載百度地圖因?yàn)楸旧碇С值?/p>
webpack+百度地圖
創(chuàng)建 script標(biāo)簽進(jìn)行加載
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 echart
3 bmap.min.js 添加擴(kuò)展,用于讓百度地圖支持echart https://github.com/apache/inc...
可能會(huì)遇見兩個(gè)問題:
1 地圖圖片錯(cuò)位 忘記加載leaflet.css
2 webpack 中使用leaflet 的一個(gè)主要問題是默認(rèn)圖標(biāo)的加載問題,詳見
https://segmentfault.com/q/10...
另外也可以考慮使用動(dòng)態(tài)創(chuàng)建