2015-05-14 194 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

相关问题