㈠ 百度地圖API基本使用（一）
由於最近項目有需要，所以最近開始研究網路地圖API的使用，簡單的介紹一下 網路地圖javaScript API 它的使用，希望能夠對小夥伴們有所幫助，後續有機會再做深入的研究。
有興趣的小夥伴可以自行查找網路地圖API
網路地圖開放平台開發文檔中的JavaScript API
在使用網路地圖之前，我們需要擁有一個自己的網路賬號，申請注冊成為網路開發者，然後我們需要創建一個瀏覽器端應用，就可以獲取到一個唯一的服務秘鑰（AK）
申請秘鑰（AK）
最終html中的內容如下:
實現效果如下：可以進行移動和放大
根據id去獲取對應的元素就是我們後續網路地圖所要去填充的元素，其實創建容器的時候還有一個coordsType屬性去控制坐標的類型，不過我們不配置的話一般都是默認配置為5也就是bd0ll坐標類型， 感興趣的小夥伴可以去看一看這些坐標類型都有哪些？可以來評論區交流學習
有兩種設置中心點的方式，一種是通過上面那樣根據經緯度去設置中心點坐標，第二種就是根據城市名作為中心點
Ps：map是我們的容器不要忘了
1.初始化地圖時，進行關閉配置
2.使用地圖的方法進行配置
1.地圖初始化
添加控制項前，地圖需要進行初始化。例如，要將標准地圖控制項添加到地圖中，可在代碼中添加如下內容：
2.添加多個控制項
在本例中我們向地圖添加一個平移縮放控制項、一個比例尺控制項和一個縮略圖控制項。在地圖中添加控制項後，它們即刻生效。
初始化控制項時，可提供一個可選參數，其中的anchor和offset屬性共同控制控制項在地圖上的位置。 anchor表示控制項的停靠位置，即控制項停靠在地圖的哪個角。當地圖尺寸發生變化時，控制項會根據停靠位置的不同來調整自己的位置。
個性化地圖樣式編輯器
通過樣式ID調用個性化地圖樣式（推薦）
1.創建個性化地圖樣式
進入地圖開放平台控制台頁面，在我的地圖中，創建一個地圖樣式：
2.編輯樣式
點擊創建的地圖樣式，進入樣式編輯器，根據您的需求自由編輯地圖樣式：
3.發布樣式並獲取樣式ID
完成編輯後，在我的地圖或者編輯器中發布該地圖樣式，獲取發布後生成的樣式ID：
4.在JavaScript API中應用地圖樣式
將第三步中獲取的樣式ID作為setMapStyleV2方法的參數。
相關代碼如下：
注意：
1.使用個性化地圖前，請參考Hello World構建基礎地圖；
2.setMapStyleV2方法需要在地圖初始化（centerAndZoom）完成後執行；
3.樣式更新不會改變樣式ID。因此如果有更新樣式的需求，重新編輯發布就可以完成更新。不需要修改JavaScript API調用代碼；
4.如果樣式ID在控制台中被刪除，但JavaScript API還在繼續調用。那麼將會渲染默認樣式的地圖；
通過樣式JSON調用個性化地圖樣式
1.獲取樣式JSON
前序流程和樣式ID調用地圖樣式流程一致，進入我的地圖，創建一個地圖樣式，進入編輯器編輯完成後，直接通過編輯器中的「下載JSON」功能獲取JSON代碼：
2.在JavaScript API中應用地圖樣式
將上一步中獲取的樣式JSON作為setMapStyleV2方法的參數。
相關代碼如下：
設置後地圖效果如下:
上面這些都是一些簡單的使用，後續我在使用的過程中遇到的一些問題以及解決過程，新的API的使用會持續更新分享，網路地圖的API開發文檔給的還是很全面的，不過就是目前他提供的都是一些在線開發，對於一些內網的公司就不太友好了，所以後續這塊我需要去做一下離線開發的研究，等我把離線地圖開發弄好之後，再給大家分享。
感謝諸君的觀看，文中如有紕漏，歡迎在評論區來交流。如果這篇文章幫助到了你，歡迎點贊和關注。
㈡ 百度地圖javascript和lbs的區別
網路地圖Android定位SDK是利用設備當前的GPS信息（GPS定位），基站信息（基站定位）和Wi-Fi信息（Wi-Fi定位）完成定位的。開發者在應用中成功集成網路定位SDK以後，既可以方便的通過定位SDK的介面向網路定位服務請求位置信息。 LBS本身就是GIS與...
㈢ 百度地圖API基本使用（三）
PS：我所使用的的是網路地圖Javascript API 3.0
本文是對之前使用的延續，繼續對網路地圖API的一些使用去做歸納和總結，本次主要是對地圖上的事件以及路線規劃做下一下介紹，如果有小夥伴沒有看過之前的網路地圖API基本使用（一），網路地圖API基本使用（二），可以先去觀看一下，前期所需要的一些准備，以及一些基本的用法。
感興趣的小夥伴可以自行查看網路地圖官方提供的文檔
網路地圖開放平台開發文檔中的JavaScript API
也可以通過下方示例中心更直觀地看到網路地圖API的一些使用，以及它的一些特性
網路地圖開放平台-示例中心
想深入研究網路地圖avaScript API 3.0方法參數信息的話，可以通過下方類參考
網路地圖avaScript API v3.0類參考
另外不同版本的API可以自行在開發文檔中的類參考類目中找到,請自行查找
不過要注意：實例中心使用的是BMap去創建容器的，最新版GL地圖命名空間為BMapGL, 可按住滑鼠右鍵控制地圖旋轉、修改傾斜角度。
BMapGL在引入API的方式如下：
BMap在引入API的方式如下：
按照你自己的需求去引用
好的，廢話不多說，開整
1.地圖載入完成事件 這個事件顧名思義就是在地圖載入完成之後會調用這個事件，我們可以去做一些操作。
實現的效果就是在地圖載入完成之後，會彈出地圖載入完成的提示！實際應用的時候可以能就會涉及到一些基於地圖的初始化操作。具體情況具體分析，就不做過多贅述了。
2.地圖單擊事件 這個事件顧名思義就是在當我們滑鼠點擊地圖上的時候，就會觸發這個事件。
我們實現的這個就是單擊地圖的時候就會觸發，可以獲取到這個點的經緯度等信息。以及我們之前有介紹的覆蓋物的一些觸發事件，基本上都是使用的是這個單擊事件，使用addEventListener監聽click去實現的，這個方法還有監聽別的事件，就不一一舉例了，給大家看一下有哪些事件可以監聽，這些都是從官方提供的類參考中找到的。
3.注銷事件 這個注銷方法也比較簡單，上一個點擊事件我們使用的是addEventListener監聽click去實現的，這個注銷實際上就是移除這個事件，類似於之前的刪除覆蓋類都是使用的remove這個欄位，對應的就是removeEventListener監聽click去刪除這個點擊事件實現的。
如果想研究比較詳細的地圖事件的小夥伴可以自行查看研究
事件-地圖事件
1.覆蓋物滑鼠事件 這個覆蓋物滑鼠事件實質就是地圖的點擊事件，只不過對象換成了覆蓋物對象，本質都是使用addEventListener去監聽事件的發生。
創建一個點和一個面覆蓋物，然後去給這兩個覆蓋物添加滑鼠點擊事件
如果想研究比較詳細的覆蓋物事件的小夥伴可以自行查看研究
事件-覆蓋物事件
首先說明一下這個路線規劃分為4種，分別是駕車路線規劃，公交路線規劃，步行路線規劃，以及騎行路線規劃，使用的類是不一樣的，我們一起來看一看。
1.基礎駕車路線規劃服務示例：
代碼如下：
2.數據介面
駕車導航服務也提供了豐富的數據介面，通過onSearchComplete回調函數可以得到BMap.DrivingRouteResult對象，它包含了駕車導航結果數據信息。 結果會包含若干駕車方案，每條方案中包含了若干駕車線路。 每條駕車線路又會包含一系列的關鍵步驟（BMap.Step），關鍵步驟描述了具體駕車行駛方案。
BMap.TransitRoute類提供公交線路規劃服務。
注意：v3.0中，新增了TransitRoutePlan.getTotal 和 TransitRoutePlan.getTotalType方法，可以獲取一條公交換乘方案中總路段數（步行+公交），和指定路段的交通方式類型（步行或公交）。
1.使用服務示例
代碼如下：
2.進行跨城路線規劃
代碼如下：
BMap.WalkingRoute提供步行線路規劃服務。基本用法和駕車線路規劃類似。
使用服務示例
代碼如下：
BMap.RidingRoute提供騎行線路規劃服務，基本用法和步行線路規劃基本相同。
使用服務示例
代碼如下：
感興趣的小夥伴可以自行去研究
網路地圖Javascript API 3.0 出行路線規劃 網路地圖JS API示例 路線規劃
感謝諸君的觀看，文中如有紕漏，歡迎在評論區來交流。如果這篇文章幫助到了你，歡迎點贊和關注。
㈣ 要用Javascript或者jquery做這個效果：相當於百度地圖的，添加途經點！
$(document).click();這個事件隱藏是可以的,但是前提你要判斷焦點不在那個按鈕跟文本上才隱藏