웹 응용 프로그램이 있습니다. 사용자가 검색 위치에 입력 한 위치의지도를 표시하기 위해 Google지도를 통합하려고합니다. 어떤 도움이 필요합니까?웹 응용 프로그램에 Google지도를 통합하는 방법은 무엇입니까?
4
A
답변
3
질문을 올바르게 이해했다면 사용자가 위치를 검색 한 다음 지도에 그걸 보여줘. 이 경우 Google Maps JavaScript API이 제공하는 Geocoding Services을 사용하면 매우 쉽게 처리 할 수 있습니다. 다음의 예를 생각해
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Geocoding Demo</title>
<script src="http://maps.google.com/maps/api/js?sensor=false"
type="text/javascript"></script>
</head>
<body>
<div id="map" style="width: 400px; height: 300px;"></div>
<script type="text/javascript">
var address = 'London, UK';
var map = new google.maps.Map(document.getElementById('map'), {
mapTypeId: google.maps.MapTypeId.TERRAIN,
zoom: 6
});
var geocoder = new google.maps.Geocoder();
geocoder.geocode({
'address': address
},
function(results, status) {
if(status == google.maps.GeocoderStatus.OK) {
new google.maps.Marker({
position: results[0].geometry.location,
map: map
});
map.setCenter(results[0].geometry.location);
}
else {
// Google couldn't geocode this request. Handle appropriately.
}
});
</script>
</body>
</html>
스크린 샷 :
당신은 단순히이 예에서 사용자가 검색 한 위치로 'London, UK'
로 설정되어 address
변수의 값을 대체 할 수 있습니다.
0
1 단계 : 삽입 할지도를 엽니 다. 내지도 탭에서 만든지도 또는 주소, 지역 비즈니스 또는 운전 경로를 검색 할 수 있습니다.
2 단계 : "이 페이지로 링크"를 클릭 한 후 텍스트 상자에서 HTML 코드를 복사하십시오. 포함하기 전에 맵 크기를 사용자 정의하고 미리 볼 수 있습니다.
3 단계 : 웹 사이트 또는 블로그 편집기에 HTML 코드를 붙여 넣으십시오.
그렇지 않으면이 사이트를 참조하십시오 http://www.higheredblogcon.com/library/deweese/presentation.html
0
당신은 필요
지오 코딩 (긴에 주소를 설정하는 방법, 위도) http://code.google.com/apis/ajax/playground/#geocoding_simple
간단한지도 http://code.google.com/apis/ajax/playground/#map_simple
관련 문제
- 1. Google지도를 통합하는 방법은 무엇입니까?
- 2. AJAX를 MVC 스타일의 웹 응용 프로그램에 통합하는 방법은 무엇입니까?
- 3. 보고서를 .Net 웹 응용 프로그램에 통합하는 가장 일반적인 방법은 무엇입니까?
- 4. 바코드 스캐너를 ASP.NET 웹 응용 프로그램에 통합하는 방법은 무엇입니까?
- 5. django와 Google지도를 통합하는
- 6. 오디오 장치를 응용 프로그램에 통합하는 방법
- 7. 자바의 스윙 응용 프로그램에 웹캠을 통합하는 방법은 무엇입니까?
- 8. iPhone 응용 프로그램에 Google 자격 증명을 통합하는 방법은 무엇입니까?
- 9. 데이터베이스 파일을 BlackBerry 응용 프로그램에 통합하는 방법은 무엇입니까?
- 10. 웹킷을 C++ Windows 응용 프로그램에 통합하는 방법
- 11. 웹 응용 프로그램에 대해 hadoop을 사용하는 방법은 무엇입니까?
- 12. SQL_CALC_FOUND_ROWS 및 FOUND_ROWS()를 기존 웹 응용 프로그램에 통합하는 방법
- 13. SAML 인증을 WCF 웹 서비스 응용 프로그램에 통합하는 방법
- 14. 트위터를 C++ 응용 프로그램과 통합하는 방법은 무엇입니까?
- 15. .NET 응용 프로그램에 가젯을 통합하는 방법
- 16. Android에서 Google지도를 검색하는 방법은 무엇입니까?
- 17. 웹 응용 프로그램에 MMS
- 18. iPhone : iPhone 응용 프로그램을 다른 응용 프로그램에 통합하는 가장 좋은 방법은 무엇입니까?
- 19. 타사 라이브러리를 파이썬 프로그램에 통합하는 가장 좋은 방법은 무엇입니까?
- 20. Google지도를 '인쇄'모드로 보는 방법은 무엇입니까?
- 21. Google지도를 올바르게 현지화하는 방법은 무엇입니까?
- 22. Drools 배포 방법 웹 응용 프로그램에 의한 흐름 및 규칙
- 23. 내 안드로이드 응용 프로그램에 Google 리더를 통합하는 방법
- 24. Swing 응용 프로그램에 IE를 내장하는 방법은 무엇입니까?
- 25. XML 만 반환하는 웹 응용 프로그램에 가장 적합한 방법은 무엇입니까?
- 26. iPhone 응용 프로그램에 웹 브라우저를 배치하는 방법은 무엇입니까?
- 27. 다른 시스템에서 웹 응용 프로그램에 액세스하는 방법은 무엇입니까?
- 28. 기존 RoR 응용 프로그램에 웹 서비스 기능을 추가하는 방법은 무엇입니까?
- 29. 사용자가 웹 응용 프로그램에 로그인했는지 확인하는 방법은 무엇입니까?
- 30. 사용자가 데이터베이스 스키마를 웹 응용 프로그램에 전달하는 방법은 무엇입니까?
귀하의 회사 위치를 표시 하시겠습니까 ?? – sathish
정확하지 않습니다. 그 위치는 사용자가지도를 통해 볼 의향이 있습니다. 기밀로 추가 세부 정보를 공개하고 싶지 않습니다. –