首先我们一般引入百度地图 API 的方式:
<script src="http://api.map.baidu.com/api?v=2.0&ak=ijgE40****en1otweZ"></script>
这里的地址需要改一下,也就是 api 改成 getscript 就可以了:
<script src="http://api.map.baidu.com/getscript?v=2.0&ak=ijgE4****1otweZ"></script>
其实就是页面渲染完成后使用了 document.write(),这是不被允许的。
https://lbsyun.baidu.com/jsdemo.htm#aCreateMap 创建百度地图
<div id="l-map"></div> <style type="text/css"> #l-map{width: 100%;height:500px;overflow: hidden;margin:0;font-family:"微软雅黑";} </style> <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=1Lra****************R4qn8"></script> <script type="text/javascript"> var map = new BMapGL.Map('l-map'); var point = new BMapGL.Point(104.63439,35.586086); map.centerAndZoom(point, 19); var opts = { width: 200, height: 70, title: '定西医院' }; var infoWindow = new BMapGL.InfoWindow('地址:甘肃省定西市安定区解放路37号(永定市场对面)', opts); map.openInfoWindow(infoWindow, point); function getInfoContent() { alert(infoWindow.getContent()); } map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 </script>
坚持的力量
wordpress建站,视频剪辑拍摄,动画制作