SELECT * FROM Vzakladke.net

Статьи об автоматизации и программировании


Yandex Map API 2.0 example

 

 

Простой пример встраивания на сайт простой карты с Yandex Map API 2.0 

Сразу хочется сказать, что это самый простой способ установки карты Яндекса на сайт, который приходилось видеть. Сейчас даже не вспомню откуда я нашел этот способ. Сначала задаются координаты: 

ymaps.geocode('49.769586,41.107974', {

Потом указывается ярлык и подсказка при наведении:

iconContent: 'Москва, "ул. Октябрьская, д. 5"',
hintContent: 'Москва, ТЦ "Снежная королева"'
 

Весь код должен быть оформлен таким образом:

<div class="content">
                
<script src="http://api-maps.yandex.ru/2.0/?load=package.standard&lang=ru-RU" type="text/javascript"></script>
<script type="text/javascript">
var myMap;
ymaps.ready(init);
function init()
{
    ymaps.geocode('49.769586,41.107974', {
        results: 1
    }).then
    (
        function (res) 
        {
            var firstGeoObject = res.geoObjects.get(0),        
                myMap = new ymaps.Map 
                ("map",
                    {
                        center: firstGeoObject.geometry.getCoordinates(),
                        zoom: 10
                    }
                );
            var myPlacemark = new ymaps.Placemark 
            (
                firstGeoObject.geometry.getCoordinates(),
                {
                    iconContent: 'Look at this &quot;Place&quot;',
                    hintContent: 'Get out in &quot;Space&quot;'
                },
                {
                    preset: 'twirl#redStretchyIcon' 
                }
            );
            myMap.geoObjects
            .add(myPlacemark);
            myMap.controls
            .add('zoomControl', {
                left: 1,top: 1     
    })   
            .add('typeSelector'); 
        },
        function (err)
        {
            alert(err.message); 
        }
    );
}
</script>
 <div id="map" style="width:950px; height:500px"></div>

</div>  

 

 

 

 

Дата публикации: 2015-05-07 10:30:08

javascript

0

Отзывы:

Ваше имя:

Ваш e-mail (необязательно):

Сообщение:

Captcha