Вывод карты по адресу из 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
Скачать