网页百度地图处理

  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HA7zTrTa87zn7GqDs7FkkwZvZwOWyZRR"></script>	

  <script type="text/javascript">
	     	var map = new BMap.Map("map"); 
            var point = new BMap.Point(114.251614,22.692034);
            map.centerAndZoom(point, 13);
            map.enableScrollWheelZoom();
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.ScaleControl());
            map.addControl(new BMap.OverviewMapControl());
            var marker = new BMap.Marker(point);                        
            map.addOverlay(marker);
            var infoWinOpts = {}
            var infoWin = new BMap.InfoWindow("<div style='text-align:left;color:#1A6DAF;font-size:0.16rem'><p>地　址：<?=$data['address']?> </p></div>",infoWinOpts);
            marker.openInfoWindow(infoWin);
            marker.addEventListener("click", function(){this.openInfoWindow(infoWin);}); 
         
    </script>

vue中使用百度地图

vue-cli 引入百度地图_爱lv行的博客-CSDN博客d

宁夏电商资源推介地图