2014-01-09 6 views
0

Google지도에서 특정 지역을 강조 표시하는 방법은 무엇입니까? maps.google.com으로 이동하여 내 위치를 검색하면 점선이 해당 지역을 강조 표시합니다. Google지도 API에서 동일한 작업을 수행하는 방법은 무엇입니까?Google지도 특정 지역 강조 표시

답변

3

지도의 특정 영역 주위에 선을 그립려고합니까? 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 
     }, 
+0

아니요,보기가 맘에 들어요. zumper.com! 내가 그걸 좋아하지 싶다면 – user123

+0

[javascript보기] (https://d2n1sxp1qtdjke.cloudfront.net/ee/js/map-compiled.js) ([JS beautifier] (http : //)를 통해 실행하십시오. jsbeautifier.org/)) 다각형을 사용하는 것을 볼 수 있습니다. – duncan