OCStoyanov
  • Блог
  • Фотография
    • Галерии
      • Макро
      • Пейзажи
      • Пещери
      • Попътно
      • Природа
      • Репортажно
    • +
      • Google+
      • Frickr
      • 500px
    • Фото разходки
      • Trashscape Project
      • Светлина и Култ
      • Беглика и Чатъма
      • Крит
  • Навън…
    • Приключения
      • #ExploreCrete
      • EVKM
      • Боянската (еко) пътека
      • ВелоРодопи
      • Манастирите по река Нишава
      • ПредБалканско
    • Добра идея!
      • Sofia City Escape
      • Детски лагери и Тимбилдинг
      • За почивка
    • Насам-натам
      • Вело туринг
      • Велосипедиране
      • Катерене
      • Спелеология
      • Зимни активности
      • Каяци и Рафтинг
    • Хайк
      • Много дневни маршрути
      • Тематични маршрути
      • Маркирани и излетни маршрути
      • Екопътеки
  • Полезно
    • Съвети
      • Хубаво да знаеш
      • Първа помощ в планината
      • Екипировка
      • Survivor и bushcraft
      • За храната
      • Ориентиране
    • Справочник
      • Sofia City Escape
      • Visa requirements to Bulgarians around the world
      • Велосипеден маршрутизатор София
      • Къмпинг и бивак места из България
  • Работа
    • Портфолио
      • [source code]
      • Graphic design
      • Web design
      • Maps
    • Проекти
      • Схема на градският транспорт в София
      • България в началото на 20 век
      • Detailed GIS on Caves zoning in Bulgaria
      • Карти на света на български
      • GIS of the basic morphographic units in the Physiological Geographic Regions in Bulgaria
    • Работа
      • GIS
      • Разна статистика
      • Интересни карти
      • Туристически карти
      • Интернет карти
      • Карти за печат
    • Полезни карти
      • Туристическа карта на България
      • Велосипеден маршрутизатор София
      • Карта TopoBulgaria
      • Къмпинг и бивак места из България
  • Свали
    • Icons and symbols for maps
      • Класически знаци и икони за туристически карти
      • Икони за аутдор и туризъм
      • Пин икони за аутдоор и туризъм
    • Още
      • PDF и електронни книги
      • За деца
      • Щанци
  • Английски
Интернет интеграция на карти

Интегриране на персонализирани Google maps във Facebook

Интегриране на персонализирани Google maps във Facebook
Интернет интеграция на карти

Интересна и полезна карта, направих за сайта Велотуринг БГ за страницата във Facebook. Това е интерактивна карта, която със няколко слоя показва различните опции, които сайта предлага за вело туризъм. Добавена е към страницата с приложението Static HTML, като в таба е налят целият код на html на картата.

velotouring
За самата карта са използвани стандартните примери за създаване на страница с карта на Google.
Вело маршрутите са дадени като основен слой на картата, но въпреки това са напълно функционални и може да се види информацията към тях.
var ctaLayer = new google.maps.KmlLayer({
url: 'http://path_to_.kml',
preserveViewport:true
});

Като допълнителни опции към картата по избор могат да се показват слоеве с информация за Трафика на пътищата (колко са комфортни за колоездене), Местата за настаняване и Вело сервизи из страната. Те се извикват от “text/javascript” още в header секцията
var layers=[];
layers[0] = new google.maps.KmlLayer('path_to.kml', { preserveViewport: true });
layers[1]....
layers[2].....

Уникалността на картата е в комбинирането на различни видове данни – KML файлове – създадени в Google Earth и експортирани от Google maps, и Fusion tables с геолокация по адрес, кординати или пощенски код. Това позволява както да се добавя различна информация, така и да се показват различни полета и данни. Fusion tables са добавени с
layers[2] = new google.maps.FusionTablesLayer({
query: {
select: 'Location',
from: '1MiFU-************************(кода в линка)',
}
});
style.fillOpacity = '0.8';

Слоевете могат да се показват по-отделно и заедно в зависимост от необходимата ви информация.
В body секцията слоевете се избират и показват със следния код:
Трафик на пътищата < input type="checkbox" id="layer_01" onclick="toggleLayers(0);"/>
Настаняване < input type="checkbox" id="layer_02" onclick="toggleLayers(1);"/>
Вело сервиз < input type="checkbox" id="layer_03" onclick="toggleLayers(2);"/>
< div id="map_canvas" style="height:500px; width:100%;">

Като toggleLayers(2) е layers[2]
Можете да видите и ползвате картата на Facebook страницата Velotouring BG – Велотуризъм и Туринг. Същата карта я има и на заглавната страница на сайта.

velotouring2

Facebook app Google Maps SEO дизайн мобилни приложения Оптимизация разработка

Previous articleЛеко западно-гранично велосипедиранеNext article с. Кръстевич – х. Бунтовна – х. Чивира – х. Фенера – гр. Хисаря

Вашият коментар Отказ

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

За мен и сайта

Надявам се тук ще намерите това, което търсите. А именно, това което мога да предложа - интересни карти на България и света, още по-интересни идеи за туризъм и приключения, както и полезна информация за родният ми град - София.
Все още добавям снимки и преводи, така че, Грешка 404 изкача. Потърсете в Търсене или през менюто за да намерите което търсите

Последно списано

Лагер Приключение27/07/2019
Списаревски имаме проблем28/06/2019
Еко пътека Боров камък27/06/2019

Карта Насам-Натам

Популярни статии

10 маршрута за цялото семейство на Витоша5 comments
Визуализация на кварталите в София3 comments
10 неща, които си заслужават да се видят в София3 comments
10 запазени антични града в България3 comments
Видове туристически обувки3 comments

Проекти в прогрес

Downloads

  • Donation Безплатно изтегляне
  • ВелоТуринг в България
  • Анимационни филми и рецензии
  • Реклама тук
  • Пишете ми
  • За мен
Maps, Photography and Adventure 2019 © Stoyanov
Условия за ползване на файловете