Вывод карты по адресу из API Google
Выводит карту и точку позиции на картах Google.
Компонент для NetCat работает с API Google Map. Достаточно в поле «Адрес» ввести адрес на родном языке. Понимает адрес даже при указании минимальных данных.
Также этот простой скрипт будет работать и на других CMS.
JS
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var geocoder;
var map;
//загружаем карту
function initialize() {
geocoder = new google.maps.Geocoder();
var mapOptions = {
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
//ставим маркер
function codeAddress() {
var address = document.getElementById("address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Геокод не обнаружен по следующим причинам: " + status);
}
});
}
</script>
Объект
<div class='contact'>
<fieldset>
<label>Адрес:</label>
<p><?=$f_address?></p>
</fieldset>
<h3>Схема проезда</h3>
<body onload="initialize(); codeAddress()">
<div id="map_canvas"></div>
<input id="address" type="hidden" value="<?=$f_address?>" >
</body>
</div>
Импорт компонента для CMS NetCat проверялся на версии 5.5.
Обзор
- Платформа:
- NetCat
- Технологии:
- PHP / JavaScript
- Тип разработки:
- компонент
- Просмотров:
- 1524