My<cod/>.net
Самый простой способ сделать мэшап Google Map?
Учитывая список мест, таких как
<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()">
Все в Google Maps основано на широте (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 для каждого города, вы можете использовать геокодер 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 каждого города из GeoCoder, а затем нарисовал бы их на карте.
Проверьте примеры Google Maps API , они делают это довольно просто, и их документация API великолепна. Большинство примеров предназначены для выполнения всего кода в JavaScript на стороне клиента, но есть APIs и для других доступных языков.
Я думаю, что потребуется больше информации, чтобы действительно дать вам ответ, но в Django Pluggables есть плагин django-googlemap , который может помочь.
Edit: Adam имеет гораздо лучший ответ. Когда он сомневается, посмотрите на примеры API.
Попробуйте это: http://www.google.com/uds/solutions/wizards/mapsearch.html
Это мастер google maps, который будет генерировать код для вас. Не самое лучшее для вашего применения; но хорошее место для "get your feet wet" ;)
Edit: (нашел ссылку), вот хороший пошаговый учебник Google Maps API.
Удачи вам!
/mp
Вот некоторые ссылки, но, как и в большинстве случаев, я еще не успел их опробовать.
http://gathadams.com/2007/08/21/add-google-maps-to-your-net-site-in-10-minutes/
Овации Джон