Google 지도에서 거리 표시하기

다른 색으로 다른 거리를 표시하는 구글 맵 위에 오버레이를 만들고 싶습니다.Google Maps API에서는 특정 영역을 덮는 마커와 폴리곤을 생성할 수 있습니다.어떻게 다른 거리를 표시할 수 있는 방법이 있나요?Google Maps API에서 마커와 폴리곤을 생성할 수 있습니다. GPolygon 및/또는 GPolyline 개체를 만들어야 합니다.이 튜토리얼을 보세요.그리고 특정 거리의 좌표(위도, 경도)를 얻으려면 이 페이지의 소스 코드를 참조하십시오.당신의 질문을 완전히 이해하지 못했어요. 지정된 거리를 표시합니까?이 경우 빠르고 더러운 방법은 거리의 모든 주소 좌표를 얻고 그에 따라 GPolygon을 만드는 것입니다.

일반 Google 맵 사이트에서 트래픽 오버레이를 표시하는 데 사용되는 코드를 자세히 보십시오.편집: 아까 코드를 봤는데 구글에서도 서버에서 트래픽 라인을 생성하고 투명한 PNG 오버레이로 끌어내는 방식으로 구현하는 것이 쉽다고 결정한 것 같습니다.

OpenStreeMaps 사용을 고려했습니까?

방금 이 링크를 찾았기 때문에 이것이 당신에게 흥미를 줄 수 있다고 생각합니다. Google 맵에 여러 경로를 표시하는 기능을 제공하는 Java Script 패키지입니다.당신이 찾고 있던 것입니까?

(교통 지도가 아니다)Google지도 표시에 대한 일부의 애플리케이션 다른 색 표시에 관심이 있는 것 같습니다.그 경우, 커스터마이즈 오버레이를 확인할 필요가 있습니다. 자신만의 투명한 배경 오버레이 타일(색깔 거리를 포함)을 만들어 Google지도 스타일과 일치시킨 뒤 지도에 오버레이할 수 있습니다. Maps API참조-오버 레이에서 이 항목의 설명을 찾을 수 있습니다.나는 실제로 이를 시도하기에 흥미가 있고, 이 질문은 좋은 핑계가 될지도 모릅니다. 나 가는 방법을 가르침 합니다.편집:그래, 나는 이를 시험하고, 상당히 간단했다. Google맵 페이지가 로드될 때(오버레이하려는 영역에 대한)타일 화상을 취득할 뿐입니다. 원래 URL에는 타일 오버레이 방식을 작성하기 위해서 필요한 x, y좌표가 있으므로 추적할 필요가 있습니다.색부 도로에서 타일을 편집하고 웹 서버에 업로드하세요. 통상의 맵에서 오버레이를 사용하려면 다음 코드를 추가하세요.

varmyCopyright=newGCopyrightCollection(“”);myCopyright.addCopyright(newGCopyright(‘Demo’, newGLatLngBounds(-90,-180), newGLatLng(0,’2007Google’);//스타일 레이어 오버레이를 만들어//3개의 추상 메서드를 구현하는 변수 레이어= 새로운 GTileLayer(MyCopyright);//proproward(MyCopyright)//v=w2.97&hl=en&x=38598&s=&y=49259&z=17&s=Galil.pngtilelayer.getTileUrl==함수(포인트, 줌){if(&==17&&point.x=38598&&point.y=49259)return”../pics/times_square.png”};tilelayerret함수{0}를 갚겠습니다. =newGTileLayerOverlay(tilelayer);varmap=newGMap2(document.getElementById(“map”);map.setCenter(newGLatLng(40.75740,-73.98590), 17);map.addOverlay(myTileLayer)

이 코드는 제 Thing Eats NY 타일을 오버레이합니다.확대/축소 레벨 17부터 x =38598 및 y = 49259부터.