Google지도에서 거리 표시하기

다른 거리를 다른 색상으로 표시하는 Google지도 위에 오버레이를 만들고 싶습니다.Google지도에서 거리 표시하기

Google지도 API에서는 특정 영역을 커버하는 마커 및 다각형을 만들 수 있습니다.

다른 길을 표시하는 방법이 있습니까?

2009-06-29 Niklas

트래픽 맵이 아닌 Google지도 디스플레이에 특정 애플리케이션 컬러링을 표시하는 데 관심이있는 것 같습니다.

그렇다면 맞춤형 오버레이를 확인해야합니다. 자신 만의 투명 배경 오버레이 타일을 색칠 된 거리와 함께 만들고 Google지도 타일과 일치시킨 다음지도에 오버레이 할 수 있습니다. 이 내용에 대한 설명은 Maps API reference - Overlays에서 찾을 수 있습니다.

저는 실제로이 문제에 관심이 많았습니다.이 질문은 좋은 변명 일 수 있습니다. 내가 어떻게 가는지 알려줄거야.

편집 : 확인해 보았습니다.이 시도는 pretty straightforward입니다. 오버레이하려는 영역에 대해 Google지도 페이지가로드 될 때 타일 이미지를 가져와야합니다. 원래의 URL은 타일 오버레이 메소드를 작성하는 데 필요한 x, y 좌표가 있으므로 추적해야합니다.

색깔이있는 도로로 타일을 편집 한 다음 웹 서버에 업로드하십시오. 일반지도에 오버레이를 사용하려면 다음 코드를 추가 확대에서 X = 38598와 y = 49259에서

var myCopyright = new GCopyrightCollection("© "); 
myCopyright.addCopyright(new GCopyright('Demo', 
       new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 
       0,'©2007 Google')); 

// Create the tile layer overlay and 
// implement the three abstract methods     
var tilelayer = new GTileLayer(myCopyright); 

// properties of the tile I based my tile on 
// v=w2.97&hl=en&x=38598&s=&y=49259&z=17&s=Galil.png 
tilelayer.getTileUrl = function(point, zoom) { 
    if (zoom == 17 && point.x == 38598 && point.y == 49259) 
     return "../pics/times_square.png"; 
}; 

tilelayer.isPng = function() { return true;}; 
tilelayer.getOpacity = function() { return 1.0; } 

var myTileLayer = new GTileLayerOverlay(tilelayer); 
var map = new GMap2(document.getElementById("map")); 
map.setCenter(new GLatLng(40.75740, -73.98590), 17); 
map.addOverlay(myTileLayer)

이 코드는 내 것이 뉴욕 타일을 먹는 오버레이 레벨 17.

출처

2009-06-29 23:05:06 RedBlueThing