Самый простой способ сделать Google Map mashup?

Приведен список мест, таких как

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

Какой самый простой способ создать карту Google с кнопками для каждого местоположения?

18.08.2008 21:26:57
5 ОТВЕТОВ
РЕШЕНИЕ

Я предполагаю, что у вас есть основы для карт в вашем коде уже с вашим ключом 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()">

Все в Google Maps основано на широте (широте) и долготе (lng).
Таким образом, чтобы создать простой маркер, вы просто создадите GMarker с широтой и долготой.

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 для каждого города, вы можете использовать Geo Coder от Google. Вот пример:

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 для каждого города из геокодера, а затем нарисовал их на карте.

11
19.08.2008 22:56:29

Я думаю, что для того, чтобы действительно дать вам ответ, понадобится больше информации, но в Django Pluggables есть плагин django-googlemap, который может помочь.

Изменить: Адам имеет гораздо лучший ответ. Если есть сомнения, посмотрите на примеры API.

1
18.08.2008 21:40:42

Посмотрите примеры API Карт Google. Они довольно просты, а документация по API великолепна. Большинство примеров предназначены для выполнения всего кода в JavaScript на стороне клиента, но есть и API для других языков.

8
18.08.2008 21:38:16

Попробуйте это: http://www.google.com/uds/solutions/wizards/mapsearch.html

Это мастер карт Google, который сгенерирует код для вас. Не лучший для вашего приложения; но хорошее место, чтобы "промочить ноги";)

Изменить: (нашел ссылку), вот хорошее пошаговое руководство по API Карт Google.

Удачи!

/ тр

1
18.08.2008 22:59:19

Вот несколько ссылок, но, как и в большинстве случаев, я еще не успел их опробовать.

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

http://www.mapbuilder.net/

Ура Джон

1
19.08.2008 23:02:38