網頁百度地圖處理
阿新 • • 發佈:2018-11-07
<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中使用百度地圖