2017-07-18 4 views
1

次のコードをノード環境に変更します。助けて! "mapv =必要とする( 'mapv');" 私は使用nodeのmapv(baiduによる地図ツール)を使用しますか?

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); 

コードはhttp://mapv.baidu.com/examples/

からのものであり、内容は以下の通りでありますモジュールmapvをインポートします。しかし、モジュール「BMap」を手に入れることはできません。どうすれば入手できますか?

答えて

0

は、あなたのindex.html で を追加し、

+0

あなたのJSコードでVAR BMAP = window.BMapを使用します。、あなたのHTMLに – walle

+0

あなたは自分の答えにコメントしていますか?必要に応じて、詳しい情報で回答を編集してください。 *編集*ボタンはあなたの答えのすぐ下にあります。 –

+0

私はstackoverflowを使うのは初めてです、私は中国人です、私の答えはあなたを助けることができると思います。 – walle

関連する問題