2010-07-17 3 views
4

웹 응용 프로그램이 있습니다. 사용자가 검색 위치에 입력 한 위치의지도를 표시하기 위해 Google지도를 통합하려고합니다. 어떤 도움이 필요합니까?웹 응용 프로그램에 Google지도를 통합하는 방법은 무엇입니까?

+0

귀하의 회사 위치를 표시 하시겠습니까 ?? – sathish

+0

정확하지 않습니다. 그 위치는 사용자가지도를 통해 볼 의향이 있습니다. 기밀로 추가 세부 정보를 공개하고 싶지 않습니다. –

답변

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> 

스크린 샷 :

Google Maps v3 Geocoding Demo

당신은 단순히이 예에서 사용자가 검색 한 위치로 'London, UK'로 설정되어 address 변수의 값을 대체 할 수 있습니다.

0

1 단계 : 삽입 할지도를 엽니 다. 내지도 탭에서 만든지도 또는 주소, 지역 비즈니스 또는 운전 경로를 검색 할 수 있습니다.

2 단계 : "이 페이지로 링크"를 클릭 한 후 텍스트 상자에서 HTML 코드를 복사하십시오. 포함하기 전에 맵 크기를 사용자 정의하고 미리 볼 수 있습니다.

3 단계 : 웹 사이트 또는 블로그 편집기에 HTML 코드를 붙여 넣으십시오.

그렇지 않으면이 사이트를 참조하십시오 http://www.higheredblogcon.com/library/deweese/presentation.html

관련 문제