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

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

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

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

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

滑鼠點(diǎn)選點(diǎn)標(biāo)記圖示，然后在地圖中找到具 *** 置，點(diǎn)選滑鼠左鍵進(jìn)行標(biāo)注 輸入標(biāo)記名稱(chēng)，和備注，點(diǎn)選儲(chǔ)存 預(yù)覽 點(diǎn)選獲取程式碼，然后復(fù)制程式碼將程式碼貼上到新建的HTML中儲(chǔ)存即可使用百度地圖iphone6顯示。

最簡(jiǎn)單的就是img和map標(biāo)簽，你用map標(biāo)簽圈一個(gè)區(qū)域就可以了高級(jí)一點(diǎn)的就要用vml和svg了，可以相應(yīng)鼠標(biāo)事件。

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

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

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

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

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

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

看看是不是你地圖嵌入的有問(wèn)題，或者使用的嵌入方法不對(duì)，或者是你底下沒(méi)有對(duì)應(yīng)的標(biāo)簽去承載信息。

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

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