Sign in

Зарегистрируйтесь, чтобы стать полноправным участником сообщества Masterpro.ws.

jQuery Travelmap

 

В продолжении темы геолокации, в контексте которой в этом блоге уже был рассмотрен ряд примеров - SypexGeo, Maxmind, HTML5 GeoLocation API (см. метки в нижней части страницы)... демка отличного jquery-плагина jQuery Travelmap, актуальную версию которого вы всегда, хотелось бы надеяться, сможете загрузить с github.com.

 

 

Инструкции по использованию крайне несложны: включите в вашем HTML указанные скрипты, укажите реальный путь к jquery.travelmap.js и добавьте/удалите, при необходимости, свойства карты; у меня получилось как-то вот так, крайне несложно.. кастомизируется здесь буквально все, вплоть до цветовой схемы:

 

Внимание, информация устарела и плагин jQuery Travelmap более не поддерживается разработчиком. Попробуйте поискать среди представленных в левом сайдбаре скриптов, вполне возможно, это именно то, что вы ищете? Также вы всегда можете заказать сайт или интернет-магазин на нашем портале.

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//maps.googleapis.com/maps/api/js?sensor=true"></script>
<script src="/jquery.travelmap.js"></script>
<script>
$(function() {
'use strict';
$('#map_canvas').travelmap({
markAnimation: 'DROP',
theme: 'gowalla',
mapTypeControl: true,
mapTypeControlOptions: 'DROPDOWN_MENU',
zoomControl: true,
zoomControlOptions: 'SMALL',
streetViewControl: true,
height: 400,
width: 800,
zoom: 15,
geoLocCheck: true,
geoLocMessage: 'Вы где-то здесь, правильно?'
});
});
</script>
<div id="map_canvas"></div>

 

Минутку внимания! Заказать эксклюзивный сайт, заказать интернет-магазин, заказать сайт-визитку. Закажите сайт - это очень несложно у нас, поверьте. Можно прямо сейчас! - да, вы правы, это действительно была небольшая реклама.

 

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

Добавьте ваш комментарий