版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_21383977/article/details/83577483
<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中使用百度地图
https://blog.csdn.net/u013165804/article/details/76021131