2015-05-14 36 views
-1

我已經獲得了州和城市的下拉菜單。 選擇一個州後,會顯示相應的城市,一旦點擊了Go按鈕,我就會顯示該城市的Google地圖。我如何在Google地圖中顯示不同顏色的區域

請問我能否告訴我,如何以不同的顏色顯示該城市?

我試圖關注這個網站,其中作者以紅色顯示城市。

http://www.encodedna.com/2014/05/drawing-circles-with-google-maps-javascript-api.htm

但是當我試圖來表示它不是在撥弄工作的同

http://jsfiddle.net/4dSd7/25/

第二個選擇,我看到的是,我需要使用多邊形這樣做,但這樣我如何得到該區域,因爲我看到的每個示例區域座標都是硬編碼的,如下所示:

var triangleCoords = [ 
    new google.maps.LatLng(25.774252, -80.190262), 
    new google.maps.LatLng(18.466465, -66.118292), 
    new google.maps.LatLng(32.321384, -64.75737), 
    new google.maps.LatLng(25.774252, -80.190262) 
    ]; 

https://developers.google.com/maps/documentation/javascript/examples/polygon-simple

請問讓他們知道如何處理這個要求。

回答

1

您從未給過div的高度和寬度屬性,因此div沒有尺寸,因此地圖從不顯示。對於地圖,以顯示你需要設置你的地圖格

#map { 
    height: 600px; 
    width: 600px; 
} 

下面是使用CSS的高度和寬度ATTRS你撥弄一些尺寸。更新小提琴以在外部資源邊欄中包含Google地圖,並鏈接到https,因此在小提琴中沒有衝突。

https://jsfiddle.net/4dSd7/33/

+0

你的小提琴也不適合我。 – geocodezip

+0

已更新 - 在jsfiddle中使用左側邊欄上的外部資源選項包含庫,如googlemaps。也小提琴是https所以需要谷歌地圖鏈接爲https: – Craicerjack

相關問題