国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

百度地圖 osm地圖 leaflet echarts webapck的組合使用時的踩坑記錄

G9YH / 1942人閱讀

摘要:百度地圖創建標簽進行加載使用百度地圖需要百度地圖添加擴展,用于讓百度地圖支持地圖可能會遇見兩個問題地圖圖片錯位忘記加載中使用的一個主要問題是默認圖標的加載問題,詳見另外也可以考慮使用動態創建標簽的方法,類似百度地圖加載百度地圖因為本身支持的

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 echart
3 bmap.min.js 添加擴展,用于讓百度地圖支持echart https://github.com/apache/inc...

webpack+osm地圖+leaflet

可能會遇見兩個問題:
1 地圖圖片錯位 忘記加載leaflet.css
2 webpack 中使用leaflet 的一個主要問題是默認圖標的加載問題,詳見
https://segmentfault.com/q/10...

另外也可以考慮使用動態創建

閱讀需要支付1元查看
<