2016-05-31 45 views
0

林寻找“亮点”的区域/国家丹麦的特定区域,恰恰like it's seen here填写丹麦特定地区 - 多边形?

我读过,绘制填充(或中风)可通过抽签多边形的地图来完成,例如:

var bermudaTriangleCoords = [ 
    new google.maps.LatLng(25.774252, -80.190262), 
    new google.maps.LatLng(18.466465, -66.118292), 
    new google.maps.LatLng(32.321384, -64.757370), 
    new google.maps.LatLng(25.774252, -80.190262) 
];  
var bermudaTriangle = new google.maps.Polygon({ 
    paths: bermudaTriangleCoords, 
    strokeColor: '#FF0000', 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    fillColor: '#FF0000', 
    fillOpacity: 0.35 
}); 

我怎么会去画一个确切填补像最初上面的链接?我能以某种方式从上面的填充中获得经度和纬度坐标吗?或者在我可以绘制并获取坐标的位置存在一些Google Maps GUI?

FIDDLE - Google maps demo

+0

[Google Maps V3:Draw German State Polygons?]可能重复?(http://stackoverflow.com/questions/10874686/google-maps-v3-draw-german-state-polygons) – geocodezip

+0

您无法填写丹麦与poygons,它已经充满美味的培根 –

回答

0

你不能从你链接引用的谷歌地图的坐标。多边形(我们称之为边界)是Google Maps应用程序的一部分,但没有API调用来检索它。

对于某些国家,这些数据可用,但可用作geojson文件或shapefile。例如US Census organisation为美国各州提供这样的数据,英国有“条例调查”组织也提供这样的数据,但不是免费的,也有一些商业组织(例如here他们有丹麦的邮政编码边界,​​但我不能似乎找到丹麦地区)。因此,这是我对您的第一个建议,尝试搜索诸如:“丹麦地区边界shapefile”(如果您了解丹麦语,请尝试使用丹麦语,您可能会发现一些我无法使用的网站)。一旦你有了shapefile文件,你可以使用一些转换器(例如mapshaper)将其转换为geojson格式,然后在地图上加载多边形(here是如何将世界国家geojson加载到地图上的示例。国家/地区,如果您的geojson只包含坐标)

或者,您可以创建自己的非常简单的应用程序,它允许您在地图上绘制,然后将坐标输出到控制台。我为你创建了一个简单的应用程序,尝试在本地运行它。加载后,只需点击地图上的任意位置即可开始绘制多边形,创建它之后,请观看javascript控制台以输出坐标。然后,您可以使用坐标在bermudaTriangleCoords代替):

function init() { 
 
\t 
 
\t var map = new google.maps.Map(document.getElementById('map'), { 
 
\t \t zoom: 8, 
 
\t \t center: new google.maps.LatLng(55.697683, 11.59711) 
 
\t }); 
 

 
\t var drawing_manager = new google.maps.drawing.DrawingManager({ 
 
\t \t map: map, 
 
\t \t drawingMode: google.maps.drawing.OverlayType.POLYGON 
 
\t }); 
 
\t 
 
\t google.maps.event.addListener(drawing_manager, 'polygoncomplete', function(polygon) { 
 
      console.log("Polygon vertices coordinates following:"); 
 
\t  polygon.getPath().forEach(function(el){ 
 
\t   console.log(el.toString()); 
 
\t  }); 
 
\t });   
 
}
<script src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing&dummy=.js"></script> 
 
<body style="margin:0px; padding:0px;" onload="init()"> 
 
\t <div id="map" style="height:400px; width:500px;"></div> \t 
 
</body>