成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

G9YH / 1947人閱讀

摘要:百度地圖創(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...

webpack+osm地圖+leaflet

可能會(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)建

閱讀需要支付1元查看
<