Как встроить карту себе на сайт?

Первая моя заметка о картах называлась «Как встроить Google карту себе на сайт». Однако, здесь я добавлю не только гугл, но и ещё один сервис — cloudemade — он позволяет создавать карты на основе openstreetmap.

Вариант для Google карты:

$googleAPI = 'http://maps.google.com/maps/api/js?sensor=false';
echo '';
echo '
';

Результат:

Вариант с использованием api от Google, а карты Openstreetmap (мой любимый):


Результат:

var marker = new google.maps.Marker({ position: map.getCenter(), map: map });

var infowindow = new google.maps.InfoWindow(); infowindow.setContent('

Здесь пишем инфу о метке
'); google.maps.event.addListener(marker, 'mouseover', function() { infowindow.open(map, marker); });

google.maps.event.addListener(marker, 'mouseout', function() { infowindow.close(); });

var d = setInterval(function(){ // удалим то что не надо с карты))) var divs = $('#map-area').children().children() if(divs[1] && divs[2]){ $(divs[1]).hide(); $(divs[2]).hide(); clearInterval(d); } },100);

});

Запись опубликована в рубрике Javascript (Jquery), PHP. Добавьте в закладки постоянную ссылку.

Добавить комментарий