国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

AngularJS 與百度地圖的結合實例

2019-11-20 08:41:56
字體:
來源:轉載
供稿:網友

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

首先引入js

<script type="text/javascript" src='http://api.map.baidu.com/api?v=2.0&ak=你的秘鑰'></script>

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

然后html

<div id='map'></div>

然后到了就直接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: Cannot read property 'fc' of undefined

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

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

<div id='map'></div>    <script type="text/javascript">      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);   //開啟鼠標滾輪縮放    </script>

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 桃江县| 易门县| 永丰县| 崇礼县| 黑水县| 嘉善县| 栾川县| 盐亭县| 兴仁县| 吴江市| 宕昌县| 武山县| 康乐县| 柘荣县| 南靖县| 河西区| 呼玛县| 新民市| 诸城市| 龙门县| 乌海市| 颍上县| 长治市| 车险| 湟中县| 靖宇县| 广元市| 子长县| 凤冈县| 神池县| 根河市| 保亭| 开封县| 济宁市| 平舆县| 阿鲁科尔沁旗| 大姚县| 马公市| 新乐市| 会同县| 娱乐|