2012-03-14 2 views
0

gmap v3을 사용하여 중심을 지정할 수 있고 포인터를 추가하고 정보 상자의 내용을 지정하면 생성 될 내지도를 얻을 수 있습니다.위도와 경도에서 Google지도를 얻는 것이 좋습니까?

그러나 나는 그것이 lat와 lng를 제공하고 직접 생성 된지도를 얻는 것이 가능하다는 것을 알고 싶습니다. 그리고 그 장소에서 주소가 무엇인지 직접 정보 상자에 올 것입니다. 직접 할 수있는 방법이 있습니까?

답변

0

당신은 아직도 당신이, 정보 상자 중심을 정의 할 수 있습니다 전에 새지도를 인스턴스화해야 할 것 생각하고 압핀 등. 그러나 이것을 수행하는 자바 스크립트는 약 10 줄이므로 너무 많이는 아니므로 여러 번 호출해야한다면 메서드에 넣을 수 있습니다. 그렇게 효과적으로 당신은 경도 (lat)를 제공하는 방법 (아마 페이지를지도 아래에 렌더링하기 위해 페이지에 놓았을 것입니다)을 얻은 다음지도를 설정할 것입니다. 다음과 같은 옵션으로지도를 제공 할 수 있습니다 LAT

는 주어진 경도에지도의 중심을하려면 : -

center = new google.maps.LatLng(myLat, myLon) 
+0

나는 곳마다 검색하고 많은 코드가 필수라고 결론을 내렸다. – Dena

0

파일 또는 데이터베이스를 사용하여 좌표를 생성하는 경우 PHP 스크립트를 사용하여 Ajax 요청을 다음 javascript 파일 mapData.js으로 보냅니다. 다음과 같이 [lat, long] 좌표를 포함하는 mapData이라는 jSON 객체를 보내는 것이 좋습니다. 당신의 HTML에서

google.load('visualization', '1', {'packages': ['map']}); 

    jQuery(document).ready(function($){ 
    $.getJSON("mapData.php", function(result) 
    { 
      var mapData=result; 

    var dataTable1=new google.visualization.DataTable(); 
    dataTable1.addRows(mapData.length); 

    dataTable1.addColumn('number', 'LATITUDE', 'Latitude'); 
    dataTable1.addColumn('number', 'LONGITUDE', 'Longitude'); 

     for(var i=0;i<mapData.length;i++) 
     { 
     var coord=mapData[i] 

     dataTable1.setValue(i, 0, parseFloat(coord[0])); 
     dataTable1.setValue(i, 1, parseFloat(coord[1])); 
    } 

    var map=new google.visualization.Map(document.getElementById("Map1")); 
     map.draw(dataTable1, {showTip: true, useMapTypeControl:true, enableScrollWheel:true, zoomLevel:19}); 

    }); 
}); 

더 많은 정보

<head> 
    <script src="https://apis.google.com/js/client.js"></script> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script src="jQuery.js" type="text/javascript" ></script> 
    <script src="mapData.js" type="text/javascript"></script> 
</head> 

<body> 

    <div id="Map1"> 


    </div> 
</body> 

를 다음을 수행 here

관련 문제