Google Maps: Shade city

Question

Я много искал, но не смог найти, как затенять городскую область на картах Google. Это можно сделать с помощью Google Charts, но это не интерактивно. Я хочу, чтобы это было точно так же, как карты Google, но с границами. Например, найдите Даллас на Картах Google и посмотрите, как он рисует границы. Я хочу, чтобы это точно было показано на моем веб-сайте. Я хочу показать несколько городских границ на одной карте.

Answer 1

API карт Google не предоставляет эту функцию. Итак, если вы хотите выделить регионы, вам нужно создать пользовательские оверлеи, основанные на широте/длине границ состояния.

Как только у вас есть лат/длина границ, вы должны сами рисовать полигоны.

Например:

// 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);