Соц проект, ищу конкретной помощи для создания карты с интернатами Укр.

306

03 ноября 2011 года

275 / / 11.05.2007

Идея послужит благородной цели и вашему опыту.
Задача создать страницу с картой Украины на которой будут отмечены все интернаты и метки помогает им кто-то или нет.
Цель найти интернаты которым не кто не помогает, к которым некто не может доехать.

Карта основана на Google API или Яндекс. Главное чтобы можно было просто добавлять новые адреса и метки.

Кто со мной пишите, если можете помочь фрагментом кода или мудрым и опытным советом - буду очень рад.

Google API у меня уже есть, хабру с примерами штудирую, но есть проблема, метки в примерах есть, а вот карту частенько не видно.
...
и еще, нужно наверное сделать навигацию, тоесть по ссылку на название чтобы он находился на карте.
...

Подписаться на вопросНеобходима регистрация

По порядку

Сначала полезные

Сначала решения

3 ответа

0 спам

306

03 ноября 2011 года

order.daemon

275 / / 11.05.2007

Вот первый мой результат, карта на которой выводится один адрес, а как их вывести много и более удобно?

Свернуть исходник

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

   <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

   <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAyrAfxPVaypK6xdSihzP92RRDZZxo-1YBUEe_unceeWtvdW6bsBTMRldfRWiYX3tnS59A-R1lHp408A"

     type="text/javascript"></script>

   <script type="text/javascript">

   //<![CDATA[

  var geocoder;

  var map;

  var restaurant = "Hi, Ukraine";

  var address = "Украина, киев";

  // On page load, call this function

  function load()

  {

     // Create new map object

     map = new GMap2(document.getElementById("map"));

     // Create new geocoding object

     geocoder = new GClientGeocoder();

     // Retrieve location information, pass it to addToMap()

     geocoder.getLocations(address, addToMap);

  }

  // This function adds the point to the map

  function addToMap(response)

  {

     // Retrieve the object

     place = response.Placemark[0];

     // Retrieve the latitude and longitude

     point = new GLatLng(place.Point.coordinates[1],

                         place.Point.coordinates[0]);

     // Center the map on this point

     map.setCenter(point, 13);

     // Create a marker

     marker = new GMarker(point);

     // Add the marker to map

     map.addOverlay(marker);

     // Add address information to marker

     marker.openInfoWindowHtml(place.address);

  }

   //]]>

   </script>

 </head>

 <body &#111;&#110;load="load()" &#111;&#110;unload="GUnload()">

   <div id="map" style="width: 100%; height: 320px"></div>

 </body>

</html>