1登錄百度地圖api，地址indexhtml 2設(shè)置你的地理位置，以北京大學(xué)為例子如圖3簡單設(shè)置下地圖功能，也可以不設(shè)置地圖的寬度和高度根據(jù)網(wǎng)頁空間的大小設(shè)置就可以4；1在ltheadlthead間插入下面代碼這是樣式和JS腳本lt！引用百度地圖API ltstyle type=quottextcssquot html，bodymargin0padding0 iw_poi_title color#CC5522fontsize14pxfontweightboldove。

三html代碼布局 下面的代碼是用來顯示地圖的 ltdiv id=quotmapquotltdiv 四js代碼如下 創(chuàng)建Map地圖實例 var map = new BMapMapquotallmapquot設(shè)置中心點坐標(biāo) var point = new BMapPoint116，39；在“第二步 獲取代碼”中，點擊“獲取代碼”按鈕，就會彈出根據(jù)上面的設(shè)置生成代碼，如下圖把上一步生成的代碼保存為html文件我這里保存為maphtml，在瀏覽器中打開就可以看到自己定義的百度地圖了如果要把地圖添加。

百度地圖web開發(fā)詳解

1、#66FFCC#39quotonmouseout=quot=#39#34CCFE#39quotlta href=“chinahtml”鏈接ltaltdiv 通過事件可以改變字體所在區(qū)域的背景顏色，通過對a鏈接的屬性進(jìn)行設(shè)置可以改變字體在鼠標(biāo)懸停，點擊等時的顏色。

2、2在百度地圖生成官網(wǎng)，輸入默認(rèn)的地圖位置，然后點擊“查找”按鈕3找到地圖后點擊地圖底部的“獲取代碼”按鈕獲取地圖源代碼4創(chuàng)建一個新的html文檔，并將之前復(fù)制的代碼粘貼到html文檔中這時，網(wǎng)頁上添加了百度地圖如。

3、經(jīng)緯度有相差那個是正常的，用戶用瀏覽打開時定位的IP不是用戶本身電腦的IP，而是公網(wǎng)出口的IP簡單的說，你用電信上網(wǎng)，那用IP定位到的可能是你附近的某個電信大樓代碼網(wǎng)上都有，出錯的話你可以比對下 lt！DOCTYPE HTML。

4、百度地圖apiphp？title=jspopular 補(bǔ)充要做離線最好別用web端來做后來發(fā)現(xiàn)，echarts來實現(xiàn)你的需求應(yīng)該也是可以的html#mapworlddataRange。

5、3如果沒有其它設(shè)置需求的話，那么就可以直接點擊下方的獲取代碼按鈕生成百度地圖代碼4然后在本地電腦上創(chuàng)建一個txt文本，將代碼復(fù)制進(jìn)去，保存退出，然后將txt文檔名稱修改為maphtml文件5接下來我們需要進(jìn)入網(wǎng)站的。

百度地圖html5頁面定位

將下面代碼復(fù)制到記事本，另存為HTML文件，用瀏覽器打開，輸入你要獲取的地區(qū)名稱點擊‘獲取輪廓線’，只能獲取 省 市 縣 的輪廓，暫時還沒有鄉(xiāng)鎮(zhèn)和村的lthtml lthead ltmeta。

第一步在瀏覽器中打開百度地圖生成器 第二步圖中右側(cè)為自定義，根據(jù)自己的需求填寫相關(guān)信息 第三步點擊獲取代碼按鈕，會自動生成代碼，將代碼寫入頁面中即可，也可以使用iframe標(biāo)簽完成引用。

lthtml xmlns=quot lthead lttitle百度地圖API顯示多個標(biāo)注點帶提示的代碼lttitle lt！css ltlink href=quotstyledemocssquot rel=quotstylesheetquot type=quottextcssquot lt！javascript。

點擊設(shè)置地圖具體參數(shù)，可自由設(shè)置添加標(biāo)注，鼠標(biāo)點擊點標(biāo)記圖標(biāo)，然后在地圖中找到具體位置，點擊鼠標(biāo)左鍵進(jìn)行標(biāo)注輸入標(biāo)記名稱，和備注，點擊保存預(yù)覽點擊獲取代碼，然后復(fù)制代碼將代碼粘貼到新建的HTML中保存即可。

2在百度地圖生成官網(wǎng)，輸入默認(rèn)的地圖位置，然后點擊“查找”按鈕3找到地圖后點擊地圖底部的“獲取代碼”按鈕獲取地圖源代碼4創(chuàng)建一個新的html文檔，并將之前復(fù)制的代碼粘貼到html文檔中這時，網(wǎng)頁上添加了百度地圖怎。

4如圖所示添加標(biāo)注，標(biāo)注我所在地址5所有都設(shè)置好了以后，點擊獲取代碼會自動彈出新的對話框，如圖6將彈出的新的對話框里的html代碼復(fù)制到html格式的文件里面，然后右擊，打開方式，用瀏覽器打開，查看效果。