13 ЈаваСцрипт библиотека за креирање интерактивних и прилагођених мапа
Претходно смо приказали Гоогле Мап Макер и још 10 алата који ће вам помоћи да направите мапе. Међутим, ако више волите да користите Јавасцрипт библиотеке, да ли смо добили пост за вас. Ово су ЈС библиотеке које можете користити за приказивање посебних маркера карата, цртање прилагођених линија руте или чак приказивање дијалога када лебдите или кликнете на одређене тачке на мапи.
Персонализујте своје мапе у стилу који желите - неки од њих се могу стилизовати помоћу ЦСС-а или прилагодите мапу да буде интерактивна колико желите. Извор података мапа, зависности и лиценци сваке библиотеке је укључен ради ваше удобности.
Више о Хонгкиату:
- Како обликовати Гоогле Мапс
- Добијање локације корисника са ХТМЛ5 Геолоцатион АПИ-јем
- Визуализација података: 20+ корисних алата и ресурса
ГМапс
ГМапс чини додавање и прилагођавање Гоогле мапа лаким. Поред додавања мапе, можете такође да додате неколико ствари у мапу, као што су полилиније које могу бити корисне за цртање руте, посебну контролу менија, па чак и ХТМЛ елементе.
ГМапс је компатибилан са ЈСОН форматираним подацима које можете користити да бисте интегрисали мапу са одређеном апликацијом, као што је Фоурскуаре.
- Извор података мапе: Гугл мапе
- Зависности: ниједан
- Лиценца: МИТ Лиценца
јХере
На 5КБ, ЈХЕРЕ вам показује да величина није важна; и даље можете изградити моћну интерактивну мапу са прегршт опција за прилагођавање. јХЕРЕ изводи визуализацију мапа из ХЕРЕ карте, која је један од најпопуларнијих провајдера мапе за Виндовс Пхоне.
Библиотека се може проширити новом функционалношћу, а за ову библиотеку постоји неколико проширења, укључујући једну за додавање облика, рута и прилагођених маркера..
- Извор података мапе: ХЕРЕ Мапе
- Зависности: јКуери или ЗептоЈС
- Лиценца: МИТ Лиценца
Картограпх
Картограпх састоји се од два фајла, Картограпх.пх за генерисање мапе у СВГ формату, и Картограпх.јс за додавање интерактивних елемената на врху мапе. Пошто је Картограпх.јс изграђен на врху Рапхаел.јс, мапа би добро функционисала до ИЕ7. Можете погледати интерактивне демо карте да бисте открили шта Картограф може да уради.
- Извор података мапе: Картограф
- Зависности: Картограпх.пи, Рапхаел и јКуери
- Лиценца: АГПЛ и ЛГПЛ
Мапаел
јКуери Мапаел омогућава вам да креирате мапе са елегантном визуализацијом података као и интерактивност. Можете, на пример, да направите мапу и означите сваки регион на мапи различитим бојама на основу региона. Такође можете додати тоолтип у региону, као и хандлер-ове клик
или лебдети
.
Мапа је изграђена на уму СЕО тако што пружа алтернативни садржај за роботе претраживача који нису у стању да индексирају садржај који је генерисао ЈаваСцрипт.
- Извор података мапе: Рапхаел.јс
- Зависности: јКуери
- Лиценца: МИТ Лиценца
Д3јс
Д3.јс је свеобухватна ЈаваСцрипт библиотека која ће оживјети ваше податке кроз ХТМЛ, СВГ и ЦСС. Употреба Д3 је прилично разнолика, укључујући и изградњу веома интерактивне мапе. Погледајте ову мапу Глобалног развоја Свјетске банке и видећете могућности онога што можете изградити са Д3.јс.
- Извор података мапе: Д3.јс
- Зависности: ниједан
- Лиценца: Недефинисан
ДатаМапс
Ако је изградња мапе са Д3.јс неодољива, можете је користити ДатаМапс. ДатаМапс је у суштини Д3.јс плугин који је развијен посебно за прављење мапа. Он насљеђује многе могућности Д3.јс, тако да с њим можете градити једноставне или врло прилагођене мапе. Да ли сам споменуо да је карта одговорна?
- Извор података мапе: Д3.јс
- Зависности: Д3.јс и ТопоЈСОН
- Лиценца: МИТ Лиценца
ГеоЦхарт
ГеоЦхарт је поједностављена Гоогле мапа која приказује регион, маркере и текст уместо пуноправне мапе са ситним детаљима. Мапа се генерише у СВГ-у и може се прилагодити на много начина, укључујући промену боја региона, додавање искачућих и прилагођених маркера мапа.
- Извор података мапе: Гугл мапе
- Зависности: ниједан
- Лиценца: Прочитајте Гоогле мапе ТОС
Маплаце
Маплаце, јКуери плугин за генерисање мапе преко Гоогле Мапс АПИ в3. Маплаце ради у свим претраживачима, укључујући ИЕ6. Дакле, ово је још један одличан додатак вредан ваше пажње ако желите да направите мапу на најлакши могући начин.
- Извор података мапе: Гугл мапе
- Зависности: јКуери
- Лиценца: МИТ Лиценца
Достојанствено
Статели је ЈаваСцрипт библиотека која је развијена да генерише америчке мапе. Библиотека је релативно лагана с обзиром да можете додати интерактивне елементе на врх генерисаних мапа.
- Извор података мапе: Статели / СВГ
- Зависности: ниједан
- Лиценца: МИТ Лиценца
ГеоЦомплете
ГеоЦомплете је засебна ЈаваСцрипт библиотека. Библиотека ће додати поље за унос заједно са мапом, које ће приказати предлоге градова, држава или држава док куцате.
- Извор података мапе: Гугл мапе
- Зависности: јКуери
- Лиценца: МИТ Лиценца
Алати за карте
Алатке мапе обезбеђују интуитиван АПИ за додавање Гоогле мапа. Подржава учитавање геоформатираних ЈСОН података као што су ТопоЈСОН и ГеоЈСОН за приказ карте. Поврх тога, можете додати анимиране маркере за које мислим да ће мапу учинити живљом, уметнути ХТМЛ садржај са варијаблама или резервисаним мјестима ала Хандлебарс.
- Извор података мапе: Гугл мапе
- Зависности: ГеоЈСОН / ТопоЈСОН
- Лиценца: МИТ Лиценца
ОпенЛаиерс
ОпенЛаиерс је висококвалитетни ЈаваСцрипт изворни оквир за изградњу интерактивних мапа користећи разне услуге мапирања. Можете одабрати изворни слој карте користећи слојевити слој или векторски слој из више мапних сервиса.
ОпенЛаиер долази са мобилним уређајем који је спреман за употребу, погодан за израду мапа преко уређаја и претраживача. Можете користити ЦСС за другачији изглед ваше мапе. Да бисте имплементирали мапу у вашем вебу користећи ОпенЛаиерс, ево упутства које ће вам помоћи.
- Извор података мапе: ОпенСтреетМап
- Зависности: ниједан
- Лиценца: Недефинисан
Летак
Програмери су дали Летак основне функције за савршено функционисање, задржавајући његову величину малу, савршену за мобилне уређаје. За специфичне функције, само прошири летак помоћу плугина. Летак има већину онлине мапних функција које су вам потребне: слојеви плочица, попуп, маркери и слободни слојеви вектора као што су полилиније, полигони, кругови или правоугаони. Долази са лепим подразумеваним дизајном, мада можете прилагодити стил користећи ЦСС3 са лакоћом.
Летак има највише могућности за интеракцију између мобилних и десктоп рачунара.
- Извор података мапе: ОпенСтреетМап
- Зависности: ниједан
- Лиценца: Недефинисан