Google 地图：影城

Question

我搜索了很多，但找不到如何在 google 地图上对城市区域进行阴影处理。这可以使用 Google 图表来完成，但它不是交互式的。我希望它与 google 地图完全一样，但有边框。例如，在 Google 地图上搜索达拉斯，并查看它绘制的边界。我希望完全像这样显示在我的网站上。我想在同一张地图上显示多个城市边界。

Answer 1

Google 地图 API 不提供此功能。因此，如果您想突出显示区域，则必须根据州边界的 lat/long 创建自定义叠加层。

有了 lat/long 的边界后，您必须自己绘制多边形。

例如：

// Define the LatLng coordinates for the polygon's path.
    var washingtonShapeCoords = [new google.maps.LatLng(38.8921, -76.9112),
                           new google.maps.LatLng(38.7991, -77.0320),
                           new google.maps.LatLng(38.9402, -77.1144),
                           new google.maps.LatLng(38.9968, -77.0430),
                           new google.maps.LatLng(38.8996, -76.9167),
                           new google.maps.LatLng(33.7243, -74.8843),
                           new google.maps.LatLng(33.7243, -72.6870),
                           new google.maps.LatLng(32.3243, -72.6870),
                           new google.maps.LatLng(32.3985, -76.7300),
                           new google.maps.LatLng(33.7152, -76.6957),
                           new google.maps.LatLng(33.7243, -74.9489),
                           new google.maps.LatLng(38.8921, -76.9112)];

// Construct the polygon.
  washingtonPolygon = new google.maps.Polygon({
    paths: washingtonShapeCoords,
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35
  });

  washingtonPolygon.setMap(map);

Google 地图：影城

Google Maps: Shade city

javascript

maps

google-maps

google-visualization