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 
     },