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

您好，感謝您對(duì)火狐的支持 為您提供一個(gè)教程用 canvas 結(jié)合腳本在畫(huà)布上畫(huà)簡(jiǎn)單的圖，details75 您可以在火狐官方網(wǎng)站下載火狐瀏覽器，在火狐社區(qū)了解更多內(nèi)容希望我的。

charset=gb2312quot lttitle無(wú)標(biāo)題文檔lttitlelthead ltbody ltcanvas id=quotcanvasquot width=quot400quot height=quot400quot ltp 抱歉~ ltbr 您的瀏覽器貌似不支持HTML5的標(biāo)簽quotcanvasquot的說(shuō)，試試更換成Chrome。

至于你要實(shí)現(xiàn)顯示樓的名稱(chēng)，那個(gè)就沒(méi)想出來(lái)，抱歉HTML5也只是初學(xué)當(dāng)然如果可以不用HTML5實(shí)現(xiàn)的話(huà)，那還是有辦法的，你可以調(diào)用百度地圖，以下是百度提供的例子，上面可以查看源碼，你要做的只是申請(qǐng)一個(gè)百度ak，然后按照上面。

在html中，canvas標(biāo)簽用來(lái)定義圖形，比如圖表和其他圖像，必須使用腳本來(lái)繪制圖形，例如在畫(huà)布上畫(huà)一個(gè)紅色矩形，漸變矩形，彩色矩形，和一些彩色的文字1什么是canvas？HTML5canvas元素用于圖形的繪制，通過(guò)腳本 通常是。

try documentcreateElementquotcanvasquotgetContextquot2dquot#39body#39append#39支持canvas#39catche #39body#39append#39不支持canvas#39 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)會(huì)打印出瀏覽器對(duì)html5canvas的支持程度。