快捷導(dǎo)航

AngularJS 與百度地圖的結(jié)合實(shí)例

更新時間：2016年10月20日 17:12:35 投稿：lqh

這篇文章主要介紹了AngularJS 與百度地圖的結(jié)合實(shí)例的相關(guān)資料,需要的朋友可以參考下

我現(xiàn)在做的一個項(xiàng)目是angular,但是我用直接引用百度地圖的方法引進(jìn)js,寫html,js代碼，發(fā)現(xiàn)，我去，報(bào)錯了，我一開始還以為是百度地圖跟angular有沖突，然后我就去搜索啊，發(fā)現(xiàn)angular也有一個百度地圖插件，無奈我用了報(bào)錯了，網(wǎng)上說要用angular2版本才能兼容，但是我又不會下載2版本，所以我就放棄了，然后呢，我又去解決我一開始的那個錯誤了，發(fā)現(xiàn)，瑪?shù)挛疑当屏?，首先來說一下百度地圖怎么用吧，很簡單，上代碼

首先引入js

說明一下，秘鑰你可以在百度地圖的api官網(wǎng)申請哈

然后html

然后到了就直接js代碼，其實(shí)這些api里面全部都有的，但是我還是貼上來吧

var map = new BMap.Map("map");  // 創(chuàng)建Map實(shí)例
        map.centerAndZoom(new BMap.Point(115.864528, 28.687675), 11); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別
        map.addControl(new BMap.MapTypeControl());  //添加地圖類型控件
        map.setCurrentCity("南昌");     // 設(shè)置地圖顯示的城市 此項(xiàng)是必須設(shè)置的
        map.enableScrollWheelZoom(true);   //開啟鼠標(biāo)滾輪縮放

這些js代碼我一開始是用在body后面的,但是報(bào)錯了，什么錯呢，貼一下

getscript?v=2.0&ak=你的秘鑰&services=&t=20160928173929:1 Uncaught

TypeError: Cannot read property 'fc' of undefined

恩出了這個錯，我去，這個錯誤的解決方法很簡單啊

就是把js代碼放在你用地圖的那個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.864528, 28.687675), 11); // 初始化地圖,設(shè)置中心點(diǎn)坐標(biāo)和地圖級別
        map.addControl(new BMap.MapTypeControl());  //添加地圖類型控件
        map.setCurrentCity("南昌");     // 設(shè)置地圖顯示的城市 此項(xiàng)是必須設(shè)置的
        map.enableScrollWheelZoom(true);   //開啟鼠標(biāo)滾輪縮放
    </script>

就這樣，就沒報(bào)錯了，地圖也完美呈現(xiàn)了，我去，說到底還是我太蠢了，我還以為真是angular有沖突了，然后轉(zhuǎn)念一想，不可能啊，然后就沒往angular的那個百度插件那里專研了。。。

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章: