Skip to content

GoogleMapsDemo

Jump to bottom
Aleksandr Kartashov edited this page Mar 13, 2011 · 7 revisions

Работа с Google Maps API

Добавляем маркеры на карту

Вот пример работы с маркерами карт Google.

Исходный текст примера

<!DOCTYPE html> 
<html> 
  <head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps JavaScript API v3 Example: Marker Simple</title> 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script type="text/javascript"> 
      function initialize() {
        var myLatlng = new google.maps.LatLng(50,50);
        var myOptions = {
          zoom: 4,
          center: myLatlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    
        var marker = new google.maps.Marker({
          position: myLatlng, 
          map: map,
          title:"Hello World!"
        });   
      }
    </script> 
  </head> 
  <body onload="initialize()"> 
    <div id="map_canvas"></div> 
  </body> 
</html>

Таким образом, чтобы отобразить маркер на карте, достаточно создать экземпляр объекта google.maps.Marker и установить значение его поля position и title. Эту информацию будет отдавать сервер. Формат ответа сервера (XML, JSON) согласуем потом.

Clone this wiki locally