next »

[Fedot777]

Сделал наспех маленький сниппет для работы с Яндекс_Картами на сайте, может кому пригодиться.
Пример можно посмотреть по ссылке http://modulor.org/snz_yandex_map.html

Думаю на будущее сделать возможность добавления неограниченного количества меток и параметров к ним плюс привязать Геокодер
Пользуйтесь на здоровье!

P.S. Хочется, чтоб кто-нибудь заморочился на эту тему и с картами Google для modx.

&api_key   (String)//Api-ключ, полученный от Яндекса. Если в значении api_key есть символ "=" заменяем ее в параметре на "equal". Получить api-ключ по ссылке http://api.yandex.ru/maps/form.xml
&longitude  (37.64)//Долгота
&latitude  (55.78)//Широта
&type  (HYBRID, MAP(default), SATELLITE)//Тип карты
&scale  (1-17)// Масштаб
&tmp (String)// Название чанка
&height (400px)// Высота блока div
&width (500px)// Ширина блока div
&id_div (String)// Id div блока
&typecontrol (0,1)// элемент управления, позволяющий выбрать различные типы карты (например, гибрид или спутник)
&toolbar (0,1)// панель инструментов с кнопками, позволяющими перемещать карту, увеличивать ее, а также измерять расстояние на карте с помощью специальной линейки
&zoom (0,1)// элемент масштабирования, который позволяет менять разрешение карты с определенным шагом
&scaleline (0,1)// элемент карты "Масштабная линейка" (scale line), позволяющий измерять расстояние между объектами, не прибегая к вычислениям
&marker_x (37.64)//долгота метки
&marker_y (55.78)//широта метки
&marker_txt (String) //текст метки
&enablescrollzoom (0,1)//Добавляет зум с помощью колесика

37.64, 55.78 - координаты Москвы(default). Координты можно определить с помощью GoogleEath и доп.скриптом
Пример вызова
[[Yandex_map? &api_key=`fregehehhiokgbvb` &typecontrol=`1` &toolbar=`1` &enablescrollzoom=`1` &longitude=`60.45` &latitude=`56.45` &scale=`8` &marker_x=`60.73` &marker_y=`56.09` &marker_txt=`г.Снежинск, ул.Свердлова, д.44, ООО \"Модулор\"` &width=`700px` &height=`500px`]]
Пример работает по ссылке http://modulor.org/snz_yandex_map.html

[Fedot777]

Скачать здесь http://www.onlinedisk.ru/file/137844/

[Andrey Nagikh]

Поставьте в браузере принудительно кодировку Western ISO-8859-1. Форум работает в ней, а не в 1251.
Ваши сообщения написаны крякозябрами.

[Vait]

Хмм у меня все ок, без каракуль

[Andrey Nagikh]

хм... теперь без каракуль... странно.

сниппет полезный. в копилочку.

[asovetov]

мма под гугломапсы никто не писал? и ещё выслушал бы идеи как документ привязывать к лейблу... тоесть хочеться чтоб страница была прикреплена к оординатам на карте... думаю идею все уже поняли =)

[rariteth]

мма под гугломапсы никто не писал? и ещё выслушал бы идеи как документ привязывать к лейблу... тоесть хочеться чтоб страница была прикреплена к оординатам на карте... думаю идею все уже поняли =)

с картами гугл давно работаю, вопрос поподробнее напишите. Я реализовывал или пытался(бросил просто) карты с пользовательскими точками. ща вот делаю магаз с картами, при заказе в корзине ставишь точку куда доставить, геокодер берёт ближайшее место и пишеться в базу, манагер соответственно просто печатает карту для курьера, можно будет посмареть карту заказов по всем точкам. Пишу магаз сам, так как нормальных так никто и не сделал. Прошу прощения, но два магаза которые тут выложены не универсальны и требую дюжину усилий для нормальной работы.

[McGregor]

Спасибо автору за снипет. Получилось ли доделать админскую часть?

[vlady2k]

Я делал с картами Гугля.

Программер из меня неважный, поэтому что выросло-то выросло

Сниппет

Code:

<?php

$gmapjs = '
<script src="http://maps.google.com/maps?file=api&v=2&key=&#1082;&#1083;&#1102;&#1095;API&hl=ru" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

//GMap initialiser

var map;
var geoXml; 
function initialize() {
if (GBrowserIsCompatible()) {
geoXml = new GGeoXml("link/to/placemarks.kml");
map = new GMap2(document.getElementById("map")); 
map.setCenter(new GLatLng(55.813536,38.030891), 11); 
map.setUIToDefault();
map.addOverlay(geoXml);
map.setMapType(G_NORMAL_MAP);
}
} 
//MKAD-M7
function SelectCoord1() {map.panTo(new GLatLng(55.77703100970939, 37.84329827011413), 11);}

//24 km M7
function SelectCoord2() {map.panTo(new GLatLng(55.82496104610980, 38.21367805499813), 11);}

//railroad bridge
function SelectCoord3() {map.panTo(new GLatLng(55.83948155596928, 38.21029313286664), 11);}

//Severny KPP
function SelectCoord4() {map.panTo(new GLatLng(55.84376094732476, 38.19499276124635), 11);}
function SelectCoord5() {map.panTo(new GLatLng(55.82971333995533, 38.19199340846095), 11);}
function SelectCoord6() {map.panTo(new GLatLng(55.83026081099147, 38.18455304272127), 11);}

//Perovo
function SelectCoord7() {map.setCenter(new GLatLng(55.75122315051369, 37.78836474648807), 16);}

</script>
';
# put the js in the <head>
$modx->regClientStartupScript($gmapjs, true);

?>

Как видите, координаты забиваются прямо в сниппет.
Кординаты вычислял следующим образом - рисовал путь в Google Earth, сохранял в kml, открывал kml в текстовом редакторе и брал координаты точек оттуда. Этот же kml-файл использовался для наложения пути на карту.

Вот чанк.

Code:

<div id="map"></div>

Вызов из html - такой конструкцией

Code:

<span onclick="SelectCoord1();">координата1</span>
<span onclick="SelectCoord2();">координата2</span>

и т.д.

[antey]

Пробовал сниппеты карт от яндекса и гугла.
Ниодин не выводит карту (белый квадрат).
Гугл выводит, но только не из России.

[Vampire]

Пробовал сниппеты карт от яндекса и гугла.
Ниодин не выводит карту (белый квадрат).
Гугл выводит, но только не из России.

GoogleMap 1.3.2 и выводит и из России и по русски и с поисковой формой и ...
Кой чего конечно руками точил (3D тема навигации, расстановка поинтеров), но основные моменты (вывод карты) работал изначально.

[antey]

GoogleMap 1.3.2 и выводит и из России и по русски и с поисковой формой и ...
Кой чего конечно руками точил (3D тема навигации, расстановка поинтеров), но основные моменты (вывод карты) работал изначально.

Можеш выложить "подточеный руками" скрипт?

[Vampire]

Параметры сниппета
    "key" => "ключ GoogleMap для сайта",
    "maps" => "mapid : map | width : 600 | height : 600 | zoom : 10 | lat : координата1 | lng : координата2 | showbubble : 1 | typecontrol : 1 | searchcontrol : 1 | control : large | bubbletpl : чанк_подсказки_для_точки"

[antey]

Я хотел сделать поиск по адресу, не получилось.
Есть рабочая реализация?

[Vampire]

Я хотел сделать поиск по адресу, не получилось.
Есть рабочая реализация?

набрал в окне поиска: москва волжский бульвар 33
нашлось и отобразилось на карте
в чем проблема?

[antey]

Я хотел сделать поиск по адресу, не получилось.
Есть рабочая реализация?

набрал в окне поиска: москва волжский бульвар 33
нашлось и отобразилось на карте
в чем проблема?

Пробовал передавать как параметр, не прошло.

[Vampire]

Я хотел сделать поиск по адресу, не получилось.
Есть рабочая реализация?

набрал в окне поиска: москва волжский бульвар 33
нашлось и отобразилось на карте
в чем проблема?

Пробовал передавать как параметр, не прошло.

Через параметр не пробовал - ничего не скажу