가장 간단한 방법을 구글지도 mashup?

StackOverflow https://stackoverflow.com/questions/15247

  •  08-06-2019
  •  | 
  •  

문제

의 목록을 제공 등의 위치

<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>

무엇을 생성할 수 있는 가장 쉬운 방법은 Google 지도와 압정을 위해 각 위치?

도움이 되었습니까?

해결책

나는 당신이 가정에 대한 기초 지도에서 당신의 코드와 함께 이미 API 키입니다.

<head>
  <script 
   type="text/javascript"
   href="http://maps.google.com/maps?
         file=api&v=2&key=xxxxx">
  function createMap() {
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(37.44, -122.14), 14);
  }
  </script>
</head>
<body onload="createMap()" onunload="GUnload()">

모든 것 구글지도에서의 위도(lat)위도 경도(lng).
그래서 만들 간단한 표식을 만들기 GMarker 와 lat 및 lng.

var where = new GLatLng(37.925243,-122.307358); //Lat and Lng for El Cerrito, CA
var marker = new GMarker(where); // Create marker (Pinhead thingy)
map.setCenter(where); // Center map on marker
map.addOverlay(marker); // Add marker to map

그러나 만약 당신이 보고 싶지 않은 Lat 및 Lng 각 도시에 대한 사용할 수 있는 구글의 지리적 Coder.Heres 예를 들어:

var address = "El Cerrito, CA";
var geocoder = new GClientGeocoder;
geocoder.getLatLng(address, function(point) {
  if (point) {
    map.clearOverlays(); // Clear all markers
    map.addOverlay(new GMarker(point)); // Add marker to map
    map.setCenter(point, 10); // Center and zoom map on marker
  }
});

그래서 나는 그냥 만들의 배열 GLatLng 의 모든 도시에서 쉽고 다음에 그립니다.

다른 팁

체크아웃 Google Maps API 예 그들은 그것은 아주 간단하고 그들의 API 를 설명서 좋습니다.대부분의 예은 일을 위해 모든 코드에에서 자바스크립트는 클라이언트 측면이 있지만,Api 다른 언어에 대한 사용할 수 있습니다.

나는 더 많은 정보가 필요한 것이 정말 당신에게 대답하지만,에서 이상 Django Pluggables 가 django-플러그인은 google 는 것이 도움이 될 수도 있습니다.

편집: 아담은 더 나은 대답합니다.할 때 그것은 의심에서 보 API 예입니다.

이것을 보십시오: http://www.google.com/uds/solutions/wizards/mapsearch.html

그것은 구글지도 마법사는 코드를 생성합니다.지 않을위한 최고의 응용 프로그램하지만 좋은 장소"당신";)

편집:(발견 링크) 여기에는 좋은 구글지도 API stepwise 습니다.

행운을 빕니다!

/mp

여기에 몇 가지의 링크지만 대부분의 것들과 마찬가지로 나가지 않게 되었고 그들을 아직입니다.

http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutes/

http://www.mapbuilder.net/

환호 John

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top