2017-07-18 66 views
1

我想將以下代碼更改爲節點環境。幫我!在節點中使用mapv(百度地圖工具)?

代碼是從http://mapv.baidu.com/examples/

,內容爲以下:

var map = new BMap.Map(slice.selector, { 
     enableMapClick: false 
    }); // 創建Map實例 
    map.centerAndZoom(new BMap.Point(105.403119, 38.028658), 5); // 初始化地圖,設置中心點座標和地圖級別 
    map.enableScrollWheelZoom(true); // 開啓鼠標滾輪縮放 

    map.setMapStyle({ 
     style: 'light' 
    }); 

    var randomCount = 300; 

    var data = []; 

    var citys = 
    ["北京","天津","上海","重慶","石家莊","太原","呼和浩特","哈爾濱", 
    "長春","瀋陽","濟南","南京","合肥","杭州","南昌","福州","鄭州","武漢", 
    "長沙","廣州","南寧","西安","銀川","蘭州","西寧","烏魯木齊","成都", 
    "貴陽","昆明","拉薩","海口"]; 

    // 構造數據 
    while (randomCount--) { 
     var cityCenter = mapv.utilCityCenter.getCenterByCityName(citys[parseInt(Math.random() * citys.length)]); 
     data.push({ 
      geometry: { 
       type: 'Point', 
       coordinates: [cityCenter.lng - 2 + Math.random() * 4, cityCenter.lat - 2 + Math.random() * 4] 
      }, 
      count: 30 * Math.random() 
     }); 
    } 
    //數據集 
    var dataSet = new mapv.DataSet(data); 

    var options = { 
     fillStyle: 'rgba(255, 50, 50, 0.6)', 
     shadowColor: 'rgba(255, 50, 50, 1)', 
     shadowBlur: 30, 
     globalCompositeOperation: 'lighter', 
     methods: { 
      click: function (item) { 
       console.log(item); 
      } 
     }, 
     size: 5, 
     draw: 'simple' 
    } 

    var mapvLayer = new mapv.baiduMapLayer(map, dataSet, options); 

我使用 「mapv =要求( 'mapv');」導入模塊mapv。但是我無法獲得模塊「BMap」,我怎麼能得到它?

回答

0

在您的index.html 添加 和使用VAR BMAP = window.BMap在你的js代碼

+0

添加<腳本類型= 「文/ JavaScript的」 SRC =「http://api.map.baidu。 com/api?v = 2.0&ak = vs7UCU7d6hCllvY1VfB8etudn5uk8ep9「>在您的html – walle

+0

爲什麼你評論你自己的答案?如果需要,請編輯更多信息的答案。 *編輯*按鈕就在您的答案下方。 –

+0

這是我第一次使用stackoverflow,我是中國人,我希望我的回答可以幫助你。 – walle

相關問題