2016-05-31 27 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>