2012-03-28 4 views
0

이야기 구글 앱 엔진 및 Google지도 API v3의 방법 :다음과 같이 내가 자바 스크립트 API v3을 사용하고

(function() { 
       window.onload = function(){ 
        var latlng = new google.maps.LatLng(57.8, 14.0); 
        var options = { 
         zoom: 6, 
         center: latlng, 
         mapTypeId: google.maps.MapTypeId.ROADMAP 
        }; 
        var map = new google.maps.Map(document.getElementById('map'), options); 
       } 
      })(); 

는 구글지도보기로드 - 예를 http://www.svennerberg.com/2009/06/google-maps-api-3-the-basics/에서 촬영을. 이제는 데이터 저장소에서 long/lat 세부 정보를 가져 와서이를 마커로 보는 데 관심이 있습니다. 그러나 나는 이것을하는 가장 현명한 방법이 확실하지 않다. 도움이되지 않는 혼란스러운 예제가있는 것 같다. 저는 Python으로 Google App Engine에서 작업하고 있습니다. 누구든지 마커를 추가하는 간단한 방법에 대한 지침이 있습니다.

감사

답변

1

당신이 내가 자바 스크립트로 데이터를 얻는 방법에 대해 문의하는 경우 나 데이터 저장소에서/LNG 데이터, 위도 /로드를 저장하거나 어떻게 요구하고 있는지 확실하지 않다, 그래서 모두 답변 해 드리겠습니다.

원본 데이터 저장소를 사용한다고 가정하면 단순히 데이터를 저장할 GeoPtProperty 만 만들면됩니다. 데이터 저장소에서 객체를로드하면 lat 및 lon 속성을 가진 GeoPt 객체의 인스턴스가 생깁니다.

데이터를 자바 스크립트로 가져 오는 방법에는 여러 가지 옵션이 있습니다. 사용 사례에 따라 다양한 옵션이 도움이 될 수 있습니다. 1. 나머지 페이지를 렌더링 할 때 템플릿에 데이터를 출력 할 수 있습니다. 이것이 정확히 작동하는 방법은 템플릿 시스템에 따라 다르지만 json.dumps 또는 simplejson.dumps를 사용하여 데이터의 JSON 표현을 만들려고합니다. 2. 데이터를 AJAX 요청으로 요청하고 JSON을 반환 할 수 있습니다 데이터의 표현. 3. HTML에 데이터를 포함시키고 자바 스크립트에서 DOM 조작을 사용하여 데이터를 읽을 수 있습니다.

마커를 많이 사용하는 경우 고려해야 할 고급 방법은 데이터가 포함 된 KML 레이어를 만들고 KML 레이어를 표시하는 것입니다.

+0

감사합니다. GeoPtProperty 위치가 데이터 저장소에 올바르게 저장되어 있고 예, 템플릿 시스템을 사용할 때 장고 (이 경우 장고)를 사용하면 페이지를 렌더링 할 수 있습니다. 내가 장고 템플릿을 사용하는 것에 익숙하지만 Javascript를별로 사용하지는 않는다. – Androidian

3

그것은 꽤 간단합니다, 바로 다음 방금 마커 객체를 생성, 긴 어떻게 든 서버에서/위도를 얻을 중 하나 페이지를 포함, 또는 아약스 요청과 함께 그것을 얻을.

마커 개체를 변수에 보관하면 다시 만들지 않고도 업데이트 할 수 있습니다.

marker.setPosition(<new latlng>); 
관련 문제