摘要:一前言這是百度地圖開發(fā)系列文章的第一篇,主要講如何使用百度地圖,介紹了如何通過官方給出的和開發(fā)文檔來在百度地圖上面做開發(fā),最后我們將通過一個例子成功運行代碼。
一 前言
這是百度地圖javascript開發(fā)系列文章的第一篇,主要講如何使用百度地圖,介紹了如何通過官方給出的demo和開發(fā)文檔來在百度地圖上面做開發(fā),最后我們將通過一個例子成功運行代碼。
系列文章對百度第三方庫的引用方式都是嵌入script標簽的形式,對于vue-BMap等組件方式的使用不作為參考,但是方法實例是基本相同的。
百度地圖 javascriptAPI
使用百度地圖做開發(fā)的例子比比皆是,使用百度地圖API,你可以在百度地圖上繪制所需要的信息,比如畫旗標,畫邊界,畫路況圖等,實現(xiàn)成功定制地圖。
引入文件:
使用百度地圖庫需要一個密鑰,你可以到百度地圖官網(wǎng)上去申請。
申請密鑰
3-1 DEMO
你可以在DEMO界面書寫自己的代碼,運行之后實時看到效果;也可以在此做調(diào)試,最后確定代碼。
3-2 類參考
這里是全面的開發(fā)文檔,百度地圖支持的所有方法都可以從這里面找到。
4-1. 創(chuàng)建html
百度地圖
4-2. 設(shè)置容器樣式
4-3. 創(chuàng)建地圖實例
4-4. 完整文檔
Hello, World
至此復(fù)制上面代碼就可以在頁面上看到地圖了。
5.總結(jié)思考有時候在引用
的時候會報錯,不接受http方式的引用,這時候只需要把地址換成https協(xié)議就可以了:
三 后記
通過本文,你成功把地圖引入了你的開發(fā)頁面。由于地圖上的操作都是和傳統(tǒng)的視圖沒有關(guān)系,所以那些UI框架基本上發(fā)揮不了它強大的視圖綁定功能。在地圖上的開發(fā)還都是以寫JS邏輯為主。所以JS語法要加強學(xué)習(xí)哦~
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/92561.html
摘要:一前言在使用百度地圖開發(fā)的過程中,查閱百度地圖官網(wǎng)基本上就能滿足開發(fā)的需求,但是有時候需要設(shè)置一些東西,很難在官網(wǎng)上查閱到相關(guān)的方法技巧。希望百度地圖能夠越來越強大,這樣開發(fā)者就可以愉快的開發(fā)了 一 前言 在使用百度地圖開發(fā)的過程中,查閱百度地圖官網(wǎng)demo基本上就能滿足開發(fā)的需求,但是有時候需要設(shè)置一些東西,很難在官網(wǎng)上查閱到相關(guān)的方法技巧。筆者特意把開發(fā)過程中遇到的一些疑難雜癥和解...
摘要:百度地圖百度地圖作為項目中地圖可視化最重要的一部分,不止其為國人自己的地圖,還因為其完善的技術(shù)文檔案例和多樣化的開源插件等上有的組件可以直接使用,有興趣的同學(xué)可以直接上手這里不采用已經(jīng)封裝好的地圖組件,而是從零開始,采用原生的百度地圖一 百度地圖 百度地圖作為項目中地圖可視化最重要的一部分,不止其為國人自己的地圖,還因為其完善的技術(shù)文檔案例和多樣化的開源插件(echarts、Mapv等...
閱讀 2732·2021-11-22 13:52
閱讀 1200·2021-10-14 09:43
閱讀 3654·2019-08-30 15:56
閱讀 2962·2019-08-30 13:22
閱讀 3287·2019-08-30 13:10
閱讀 1573·2019-08-26 13:45
閱讀 1108·2019-08-26 11:47
閱讀 2803·2019-08-23 18:13