1登錄百度地圖api，地址indexhtml 2設(shè)置你的地理位置，以北京大學為例子如圖3簡單設(shè)置下地圖功能，也可以不設(shè)置地圖的寬度和高度根據(jù)網(wǎng)頁空間的大小設(shè)置就可以4。

用圖像熱點設(shè)置有效利用ltimg標簽的usemap屬性，給圖片劃分一個地圖，設(shè)定圖片熱點即給圖片分區(qū)，但不是切割，圖片還是完整的，只是用代碼將圖片分成幾個部分，然后給熱點設(shè)定相應的鏈接usemap屬性的用法使用時。

lt！DOCTYPE html lthtml lthead ltmeta charset=#39utf8#39 lttitle圖片加載平移放大縮小示例lttitle ltstyle html，body margin0pxpadding0px canvas border 1px solid #000 ltstyle lthead ltbody。

這個用JS做，會比較好，用HTML的話可以用divhover backgroundcolorred來實現(xiàn)鼠標經(jīng)過身份顏色變，但彈出層就要JS做了可以從網(wǎng)站上找找相關(guān)素材看看別人是怎么寫的，希望對你有 幫助，望采納。

1打開網(wǎng)頁百度搜索引擎，輸入百度API，然后點擊進入如圖 2在進入百度API之后，選擇欄目項開發(fā)地圖生成器選項，單擊進入如下圖 3在打開的新的窗口頁面時，設(shè)置自己的區(qū)域，精確查找等要設(shè)置的地點如圖 4。

滑鼠點選點標記圖示，然后在地圖中找到具 *** 置，點選滑鼠左鍵進行標注 輸入標記名稱，和備注，點選儲存 預覽 點選獲取程式碼，然后復制程式碼將程式碼貼上到新建的HTML中儲存即可使用百度地圖iphone6顯示。

最簡單的就是img和map標簽，你用map標簽圈一個區(qū)域就可以了高級一點的就要用vml和svg了，可以相應鼠標事件。

第一步進入百度創(chuàng)建地圖的網(wǎng)站，搜索出自己要展示的位置 第二步設(shè)置地圖，大家可以對網(wǎng)站顯示地圖的寬高進行設(shè)置，其余選項不動第三步添加標注點擊第一個圖標后，在。

我覺得吧，你要先把每個地圖形狀都裁剪成單獨的圖片，然后用canvas才繪制每個圖片，然后在晉城放大等操作。

本文實例分享了html5 canvas可拖動省份的中國地圖實現(xiàn)方法，供大家參考，具體內(nèi)容如下 鼠標移動事件根據(jù)點擊的省份名，獲得數(shù)據(jù)，并實時重繪移動層的省份 #39#eventCanvas#39mousemovefunctionev var mouseX， mouseY。

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

4設(shè)置地圖信息標注，這個有利于查看地圖的人一眼就看到自己在什么位置，而且也很清楚的標注了你所要標注地點的名稱5設(shè)置以后查看效果6另外兩個也是標注工具，使用方法和這個是一樣的7獲取代碼，以上都設(shè)置好了。

您這里打開特別慢，指的是頁面加載慢是嗎還是指瀏覽器軟件打開慢1如果是頁面加載慢因為google地圖屬于大數(shù)據(jù)傳輸類型，所以這個跟您的網(wǎng)速瀏覽器的類型不同的瀏覽器內(nèi)核可能不一樣，所以數(shù)據(jù)解析的算法效率等。

看看是不是你地圖嵌入的有問題，或者使用的嵌入方法不對，或者是你底下沒有對應的標簽去承載信息。

lt！DOCTYPE html lthtml lthead ltmeta name=quotviewportquot content=quotinitialscale=10， userscalable=noquot ltmeta。

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