使用 Google Map API v3 的国家边界 [英] Country boundries using Google Map API v3

问题描述

无论如何，我可以使用 Google 地图 API 获取多边形坐标值中的国家/地区边界.

Is there anyway so I can get boundries of countries in polygon coordinates value using Google map API.

推荐答案

看到这个类似的问题:Google 地图 V3:绘制德国州多边形?

FusionTables 中的自然地球数据集包含可用的国家/地区多边形.您可以随心所欲地设计它们.

The Natural Earth Data Set in FusionTables has country polygons available in it. You can style them as you like.

我用它来创建这个例子:http://www.geocodezip.com/v3_FusionTablesLayer_worldmap_linkto.html

I used it to create this example: http://www.geocodezip.com/v3_FusionTablesLayer_worldmap_linkto.html

这是一个使用 KmlLayer 的示例:http://www.geocodezip.com/v3_GoogleEx_layer-kml_world_countries_simple.html

Here is an example that uses a KmlLayer: http://www.geocodezip.com/v3_GoogleEx_layer-kml_world_countries_simple.html

代码片段:

var kmlLayer = null;
var map = null;

function openIW(layerEvt) {
  if (layerEvt.row) {
    var content = layerEvt.row['admin'].value;
  } else if (layerEvt.featureData) {
    var content = layerEvt.featureData.name;
  }
  document.getElementById('info').innerHTML = "you clicked on:<br>" + content;
}

function initialize() {
  var chicago = new google.maps.LatLng(36.4278, -15.9);
  var myOptions = {
    zoom: 0,
    center: chicago,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  google.maps.event.addListener(map, "click", function() {
    document.getElementById('info').innerHTML = "";
  });


  kmlLayer = new google.maps.KmlLayer('http://www.geocodezip.com/geoxml3_test/world_countries_kml.xml', {
    preserveViewport: true,
    suppressInfoWindows: true
  });
  kmlLayer.setMap(map);

  google.maps.event.addListener(kmlLayer, 'click', openIW);
}
google.maps.event.addDomListener(window, 'load', initialize);

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<table>
  <tr>
    <td>
      <div id="map_canvas" style="height:200px; width:300px;"></div>
    </td>
    <td>
      <div id="info"></div>
    </td>
  </tr>
</table>

这篇关于使用 Google Map API v3 的国家边界的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！