Для того чтобы воспользоваться картами google, для начала придётся зарегистрироваться и получать ключ код API Карт Google. - получить API ключ
Между <head> и </head> вставить этот код
Code
<script src="http://maps.google.com?file=api&v=2.x&key=Вставьте свой ключ" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng($OTHER4$), 15);
map.setMapType(G_HYBRID_MAP);
map.setUIToDefault();
var marker = new GMarker(new GLatLng($OTHER4$), 15);
map.addOverlay(marker);
}
</script>
Body должен выглядеть так.
Code
<body onload="initialize()" onunload="GUnload()">
А сама карта будет выводиться в желаемом вам месте
Вставьте между тегами и
Code
<fieldset class=""> <legend> <b> <div class="stats">
Объект на карте
</div> </b> </legend>
<div id="map_canvas" style="width: 550px; height: 400px"></div>
</div> </fieldset>
Где width: 550px; height: 400px - это размеры карты
Пример работы API карты вы можете посмотреть на страницах материалов доски объявлений Скачайте txt документ и содержимое вставье в шаблон, Форма редактирование персональной информации
Вот пример работы скрипта
В случае улучшения данного решения просим оставить ссылки на материал в комментариях. Просто интересно посмотреть на более усовершенственные решение. Вот и собственно все. Удачи Если вам понравился пост вставьте плюс в репу. :-)
