Google地圖突出顯示特定區域

Question

如何突出顯示Google地圖中的特定區域？如果您轉到maps.google.com並搜索您的位置，虛線將突出顯示該區域。如何在Google Maps API中做同樣的事情？

Answer 1

你想在地圖上的某個區域繪製一條線？使用Polyline class

更新：如果你想要像http://zumper.com附近例子一個很好的風格半透明疊加，你應該使用Polygon class

這裏是他們的JS的樣本應該給你一個想法，他們怎麼是正在做。

makeHood: function (hood, hoodId) { 
      var hoodPoly = HOOD_CACHE[hoodId]; 
      if (hoodPoly) { 
       hoodPoly.setOptions(hoodPolyStandardOptions) 
      } else { 
       var coordinates = []; 
       var markerBounds = hood["bounds"][0]["exterior"]; 
       for (var i = 0, len = markerBounds.length; i < len; ++i) { 
        coordinates.push(new google.maps.LatLng(markerBounds[i][3], markerBounds[i][0])) 
       } 
       var options = angular.copy(hoodPolyInitialOptions); 
       options.paths = coordinates; 
       hoodPoly = new google.maps.Polygon(options); 
       hoodPoly.name = hood["name"]; 
       hoodPoly.id = hoodId; 
       hoodPoly.point = new google.maps.LatLng(hood["lat"], hood["lng"]); 
       hoodPoly.mouseoverOptions = hoodPolyMouseoverOptions; 
       hoodPoly.standardOptions = hoodPolyStandardOptions; 
       var box = hood["box"]; 
       hoodPoly.box = new google.maps.LatLngBounds(new google.maps.LatLng(box[1], box[0]), new google.maps.LatLng(box[3], box[2])); 
       hoodPoly.getPosition = angular.bind(hoodPoly, function() { 
        return this.point 
       }); 
       HOOD_CACHE[hoodId] = hoodPoly 
      } 
      hoodPoly.hood = hood; 
      return hoodPoly 
     },