成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

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

G9YH / 2006人閱讀

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