首先引入js
<script type="text/javascript" src='http://api.map.baidu.com/api?v=2.0&ak=你的秘鑰'></script>
說明一下,秘鑰你可以在百度地圖的api官網(wǎng)申請(qǐng)哈
然后html
<div id='map'></div>
然后到了就直接js代碼,其實(shí)這些api里面全部都有的,但是我還是貼上來(lái)吧
var map = new BMap.Map("map"); // 創(chuàng)建Map實(shí)例 map.centerAndZoom(new BMap.Point(115.8528, 28.687675), 11); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別 map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件 map.setCurrentCity("南昌"); // 設(shè)置地圖顯示的城市 此項(xiàng)是必須設(shè)置的 map.enableScrollWheelZoom(true); //開啟鼠標(biāo)滾輪縮放
這些js代碼我一開始是用在body后面的,但是報(bào)錯(cuò)了,什么錯(cuò)呢,貼一下
getscript?v=2.0&ak=你的秘鑰&services=&t=20160928173929:1 Uncaught
TypeError: Cannot read property 'fc' of undefined
恩出了這個(gè)錯(cuò),我去,這個(gè)錯(cuò)誤的解決方法很簡(jiǎn)單啊
就是把js代碼放在你用地圖的那個(gè)div下面,貼代碼
<div id='map'></div> <script type="text/javascript"> var map = new BMap.Map("map"); // 創(chuàng)建Map實(shí)例 map.centerAndZoom(new BMap.Point(115.8528, 28.687675), 11); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級(jí)別 map.addControl(new BMap.MapTypeControl()); //添加地圖類型控件 map.setCurrentCity("南昌"); // 設(shè)置地圖顯示的城市 此項(xiàng)是必須設(shè)置的 map.enableScrollWheelZoom(true); //開啟鼠標(biāo)滾輪縮放 </script>
就這樣,就沒報(bào)錯(cuò)了,地圖也完美呈現(xiàn)了,我去,說到底還是我太蠢了,我還以為真是angular有沖突了,然后轉(zhuǎn)念一想,不可能啊,然后就沒往angular的那個(gè)百度插件那里專研了
Copyright ? 2019- 91gzw.com 版權(quán)所有 湘ICP備2023023988號(hào)-2
違法及侵權(quán)請(qǐng)聯(lián)系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)