Яндекс карты

Опубликовано: 27 Авг 2015

Для некоторых проектов часто бывает нужно делать карты. Отличным решением является карта от Яндекс или Google.

Каждый раз создавать карту очень быстро надоест. Поэтому давайте создадим автоматическую Яндекс карту.

Создайте чанк с таким содержанием:

<script src="http://api-maps.yandex.ru/1.1/?key=Сюда вставляем Ваш ключ" type="text/javascript">
// в конец Вашего ключа добавьте этот код: &modules=pmap&wizard=constructor
</script>
<script type="text/javascript">
    var map, geoResult;
        window.onload = function init () {
        map = new YMaps.Map(document.getElementById("YMapsID-4151")); // id должны совпадать
        map.addControl(new YMaps.TypeControl());
        map.addControl(new YMaps.ToolBar());
        map.addControl(new YMaps.Zoom());
        map.addControl(new YMaps.MiniMap());
        map.addControl(new YMaps.ScaleLine());
        map.removeOverlay(geoResult);
        map.enableScrollZoom();
        var geocoder = new YMaps.Geocoder('[*Город*], [*Улица*]', // tv-параметры с данными (для определения координат)
{results: 1, boundedBy: map.getBounds()});
            YMaps.Events.observe(geocoder, geocoder.Events.Load, function () {
            if (this.length()) {
                geoResult = this.get(0);
                map.addOverlay(geoResult);
                geoResult.setIconContent('[*pagetitle*]'); // название организации
                geoResult.setBalloonContent('[*Город*], [*Улица*]'); // tv-параметры с данными (для описания)
                map.setBounds(geoResult.getBounds());
            }else {
            }
        });
    }
</script>
<div id="YMapsID-4151" style="width: 500px; height: 300px;"></div>

Вызовите  том месте страницы, где Вы хотите видеть карту.

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

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: