將美國地圖變成國家鏈接

我可能做了一些愚蠢的事情 - 我很快答應一個客戶端，我可以將他們的美國地圖圖像變成單獨的狀態鏈接 - 但現在我正在考慮它，即使我將每個州做爲一個圖像，圖像將是方形的，這意味着在每個圖像的邊緣會有空白空間與其他狀態重疊，從而使鏈接重疊。有沒有更好的方式來做到這一點，或者任何方式？將美國地圖變成國家鏈接

來源

2013-04-12 Molly Campbell

您**必須**使用他們的美國地圖，或者您可以使用其他美國地圖？ –

他們有一個作爲他們的網站設計的一部分，它的大小和顏色都適合網站的方案。如果我可以使用不同的地圖，還有其他選擇嗎？ –

嘗試[this]（http://codecanyon.net/item/interactive-maps-generator/full_screen_preview/3272382）。這裏是[示例]（http://codecanyon.net/item/interactive-maps-generator/full_screen_preview/3272382） –

看看這個example at w3schools: 它採用HTML 5

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> 
<map name="planetmap"> 
    <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> 
    <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> 
    <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"> 
</map>

你可以像這樣創建的多邊形：

<area SHAPE='poly' HREF="new.html" ALT="New!" TITLE="New!" 
COORDS="150,217, 190,257, 150,297, 110,257">

來源

2013-04-12 00:08:00

我會嘗試，謝謝！與Dreamweaver創建的圖像地圖有什麼不同嗎？ –

在客戶端圖像映射的鏈接不必是矩形;它們可以是任意的多邊形。因此，您可以使每個狀態都可以單擊而不重疊，並且儘可能接近您的「真實」邊界（取決於您的總體地圖圖像的高分辨率）。

以像素爲單位定義這些多邊形顯然很乏味，所以大多數人使用爲您構建HTML代碼的程序。谷歌的「圖像地圖編輯器」適用於你的操作系統（你不會說如果你使用的是Mac或PC）。 Here's one，它說它帶有已定義的美國地圖！

來源

2013-04-12 00:14:56 dodgethesteamroller

我正在使用Mac。我絕對期待它很乏味，所以這不是什麼大問題。但我會檢查這一點。謝謝。 –

將美國地圖變成國家鏈接

回答

相關問題