Google Maps API로 거리를 강조 표시 할 수 있습니까?
내가이 효과에 가깝다는 것을 알 수있는 유일한 것은 그 위에 줄을 그리는 것이 었습니다. 그러나 이것은 많은 작업과 부정확합니다. 선들은 또한 지명을 지나칠 것입니다.
내가 원했던 것은 a에서 b 지점으로 탐색하는 것처럼 특정 streetnames를 강조 표시하는 것입니다. 예를 들어 10 개의 거리가 streetwers로 폐쇄되는 경우 해당 거리를 강조 표시 할 수 있습니다.Google지도 API를 사용하면 특정 거리를 강조 표시 할 수 있습니까?
답변
지도 API 길 찾기 렌더러를 사용하면 실제로이를 매우 쉽게 수행 할 수 있습니다.
거리의 시작점과 끝점의 위도/경도 좌표를 제공해야하며 렌더러는 계산과 페인팅을 모두 수행합니다. 방향 단계를 읽고 직접 폴리선을 그릴 필요는 없습니다!
http://jsfiddle.net/HG7SV/15/
이 코드이며, 모든 마법이 함수 초기화()에서 수행됩니다 : 당신의 거리 곡선과
<html>
<head>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
// init map
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
// init directions service
var dirService = new google.maps.DirectionsService();
var dirRenderer = new google.maps.DirectionsRenderer({suppressMarkers: true});
dirRenderer.setMap(map);
// highlight a street
var request = {
origin: "48.1252,11.5407",
destination: "48.13376,11.5535",
travelMode: google.maps.TravelMode.DRIVING
};
dirService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
dirRenderer.setDirections(result);
}
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
경우 렌더링이를 찾아야한다 당신이 의도하지 않은 바로 가기 인 경우, 중간 웨이 포인트를 추가하여 그려진 선을 원하는 거리에 정확히 놓으면 쉽게 수정할 수 있습니다 :
var request = {
origin: "48.1252,11.5407",
destination: "48.13376,11.5535",
waypoints: [{location:"48.12449,11.5536"}, {location:"48.12515,11.5569"}],
travelMode: google.maps.TravelMode.DRIVING
};
당신의 답변을위한 Thx! 이처럼 여러 경로를 그릴 수 있습니까? jsFiddle에서 두 번째 경로를 그으면 첫 번째 경로가 사라집니다. – user1081577
Oke 내가 그린 각 경로에 대해 새 directionService 개체를 추가해야한다는 것을 알았습니다. 이게 충고 할 수 있니? [새로운 피들에 링크하십시오.] (http://jsfiddle.net/FX2ag/) (일부 복사 붙여 넣기 작업은 루프를 만드는 것이 더 나을 것입니다) – user1081577
[다중 경로 및 채색에 대한 추가 정보] (http://stackoverflow.com)/questions/8304875/using-google-maps-3-api-to-get-multiple-routes-on-a-map) – user1081577
- 1. Google지도 API를 사용하면 점을 25 % 위에 맵핑 할 수 있습니까?
- 2. Google지도 API 거리 강조 표시
- 3. API를 사용하지 않고 게시물을 "강조 표시"할 수 있습니까?
- 4. Google지도 API를 사용하여 맞춤지도를 표시 할 수 있습니까?
- 5. Google지도 API를 어떻게 안드로이드에서 아시아 언어로 표시 할 수 있습니까?
- 6. 거리의 일부를 강조 표시 할 수 있습니까?
- 7. NyARToolkit을 사용하면 카메라와 마커 사이의 거리를 확보 할 수 있습니까?
- 8. Facebook API를 사용하면 특정 범위의 '좋아요'가있는 페이지를 찾을 수 있습니까?
- 9. Google지도 API 강조 표시 지역 데이터
- 10. 어떻게지도에서 두 위치 간의 거리를 표시 할 수 있습니까?
- 11. vim에서 일치하는 인용 부호를 강조 표시 할 수 있습니까?
- 12. ListView 특정 행 강조 표시
- 13. Google지도 API를 사용하여지도를 SVG로 내보낼 수 있습니까
- 14. DataGridView에서 행을 강조 표시 할 수 없습니다.
- 15. 강조 표시 특정 출력 줄
- 16. Win32 편집 컨트롤에서 텍스트를 강조 표시 할 수 있습니까?
- 17. Unity 3D에서 Google지도 API를 사용할 수 있습니까?
- 18. 어떻게하면 Google지도 API를 iphone에 사용할 수 있습니까?
- 19. VIM의 특정 열 강조 표시
- 20. 폴더를 열고 WPF로 특정 파일 강조 표시
- 21. Google지도 또는 Google 어스에서 3D 데이터를 표시 할 수 있습니까?
- 22. API가있는 Google지도의 전체 거리 강조 표시
- 23. 상업용 매핑 API를 권장 할 수 있습니까?
- 24. 특정 순서로 특정 텍스트 강조 표시
- 25. Google지도 API를 사용하면 Google 이외의 사용자가 iframe에서지도를 편집 할 수 있습니다.
- 26. jquery 슬라이드 쇼를 사용하면 이미지를 순회하고 강조 표시 할 수 있습니까?
- 27. 주소만으로지도를 표시 할 수 있습니까?
- 28. iPhone 프로그래밍에서 특정 국가를 검색 할 때 Google지도의 국가 영역을 강조 표시 할 수 있습니까?
- 29. JTree에서 파일을 강조 표시 할 수 없습니다.
- 30. 강조 표시 할 수 없습니다. Solr 응답
http://stackoverflow.com/questions/2155032/highlighting-whole-street-with-some-maps-api '' 특히이 링크를보세요. http://econym.org.uk/gmap /example_snappath.htm – C5H8NNaO4
이러한 예는 Google Maps API v2입니다. v3에도 동일한 개념이 적용되지만 OP가 원하지 않는 거리를 가로 지르는 선이 그려져 있습니다. – geocodezip
오, 미안, 내가 대답을 받아 들일 줄 몰랐어. 그러나 주제를 계속 지켜라. 누구든지 해결책을 알고 있습니까? 나는 사람들이 전에이 문제를 가지고 있었다고 상상할 수있다. 그러나 어쩌면 그럴 수도 없습니다. – user1081577