AngularJS 與百度地圖的結合實例

我現在做的一個專案是angular,但是我用直接引用百度地圖的方法引進js,寫html,js程式碼，發現，我去，報錯了，我一開始還以為是百度地圖跟angular有衝突，然後我就去搜尋啊，發現angular也有一個百度地圖插件，無奈我用了報錯了，網上說要用angular2版本才能兼容，但是我又不會下載2版本，所以我就放棄了，然後呢，我又去解決我一開始的那個錯誤了，發現，瑪德我傻逼了，首先來說一下百度地圖怎麼用吧，很簡單，上代碼

首先引入js

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

然後html

然後到了就直接js代碼，其實這些api裡面全部都有的，但是我還是貼上來吧

var map = new BMap.Map("map");  // 创建Map实例
        map.centerAndZoom(new BMap.Point(115.864528, 28.687675), 11); // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.MapTypeControl());  //添加地图类型控件
        map.setCurrentCity("南昌");     // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);   //开启鼠标滚轮缩放

   

這些js程式碼我一開始是用在body後面的,但是報錯了，什麼錯呢，貼一下

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

TypeError: 'fc' of undefined

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

就是把js代碼放在你用地圖的那個div下面，貼代碼

   

🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜🎜就這樣，就沒報錯了，地圖也完美呈現了，我去，說到底還是我太蠢了，我還以為真是angular有衝突了，然後轉念一想，不可能啊，然後就沒往angular的那個百度外掛在那裡專研了🎜🎜🎜🎜