Няма нищо като добра, полезна карта.

Днес използването на онлайн карти е лесен и завладяващ процес. Създаването на ваши собствени онлайн карти вече не е голямо начинание; ние разполагаме с широк спектър от налични онлайн инструменти за картографиране, от безплатни и прости, до богати и сложни за използване функции. За уеб разработчици не е запознат с картографирането в мрежата, агонията на избора може да бъде смущаваща. Искате да правите карти, но не знаете откъде да започнете, нито кои инструменти да използвате. Тук съм, за да помогна с този списък с най-добрите инструменти за картографиране.

Малко история

От самото си начало технологията оказва влияние върху картографирането и начина, по който се използват картите. С напредването на технологиите процесите на картография и картографиране се развиват заедно с тях - от ръчно изчертани карти на папирус до интерактивни карти в мрежата.

Картиране в миналото.

Втората половина на 20-ти век е повратна точка за картографията. Компютрите се превърнаха в инструмент за избор. Въздушната фотография, сателитните изображения и дистанционното наблюдение променят начина на събиране на пространствените данни. Географски информационни системи (ГИС) са родени. В крайна сметка ГИС картите започнаха да се преместват от работния плот в мрежата и големите доставчици на ГИС започнаха да правят първите рамки за онлайн карти.

гещалт закони на перцептивната организация

Но картографирането на ГИС не е лесно. Той изисква много технологии от страна на сървъра, геопространствени стандарти и протоколи, заедно с техните внедрения. Изисква разбиране на геопространствени данни и проекции на карти, знания как да се събират данните, как да се показват данните, кои цветове да се използват, как да се обобщават данните в конкретни мащаби, как да се поставят етикети на картата, как да се създаде сървър, който ще обслужва картите, как да използвам пространствена база данни и т.н. ГИС е пълен със съкращения като WMS, WFS, EPSG, CRS, SLD, GML, TMS, само за да назовем само няколко, а за да ги знаете и разберете, трябва да прочетете книги, академични статии и статии.

Еволюцията на онлайн картографирането

Първите уеб карти обикновено показват само едно, много малко изображение на картата. По това време панорамирането се осъществява чрез преместване на една стъпка, обикновено с половината от размера на картата, в една от осемте възможни посоки на компаса - N, NW, W, SW, S, SE, E, NE. След като потребителят щракне върху бутона за панорамиране или мащабиране, на сървъра на картата ще трябва да се изобрази изцяло ново изображение, да се зареди по мрежата и след това да се обработи от браузъра. Поради ограниченията на технологията, картите заемаха само много малка част от цялата уеб страница. За да получат по-добро взаимодействие, ранните карти изискват плъгини като Flash или подходящи приставки, базирани на Java, или дори ActiveX, които работят само в Internet Explorer.

Google обърна света на картите с главата надолу, когато въведе Google Maps през 2005 г. Сред своите иновации Google въведе непрекъснато панорамиране чрез плъзгане. Тяхното решение беше да покажат карта, нарязана на много по-малки квадратни изображения, наречени „плочки“. Тези плочки се визуализират и обслужват от „сървър за плочки на картата“ и обикновено са 256 x 256 пиксела. Мащабирането и панорамирането вече изискваше само зареждане на нови плочки на картата, вместо презареждане на цялата уеб страница. Резултатът беше по-голяма видима карта, която покриваше повече от половината от прозореца на браузъра и предлагаше гладко изживяване за изследване на картата. Поради възможността да се „плъзга“ картата наоколо с функциите за плавно мащабиране и панорамиране, тези нови карти бяха наречени „хлъзгави карти“. Google също позволи скриптове, така че потребителите могат да поставят картите на Google на собствените си уебсайтове и да добавят свои собствени данни към картата. Това доведе до измислянето на друг нов термин: „Каша на каша“.

Изведнъж онлайн картите стават популярни; за да добавите добре изглеждаща карта към уебсайта си, вече не е необходимо да сте картограф или специалист по ГИС. На крилата на движението „Web 2.0“ и изграждайки съвременни технологии като HTML5, CSS3 и SVG, които позволяват лесно създаване на интерактивно съдържание, интерактивните карти сега преживяват нов ренесанс.

Картиране в бъдеще?

Данни на картата

Както бе споменато по-рано, ранните онлайн карти се основават на набори от ГИС данни и техните пространствени геоданни . Не много хора имаха достъп до тези данни, да не говорим за цената им. Google и OpenStreetMap Наборите от данни за проекти на OSM промениха това. Базата данни на Google е частна и се доставя с нея ограничения , докато OSM е вдъхновен от концепцията на Уикипедия, като съвместен проект за създаване на безплатна карта на света. OpenStreetMap е изграден от общност на доброволци, които допринасят и поддържат пространствените данни.

Накратко, най-голямата революция, допринесла за лесното създаване на карти днес, е, че проблемът, свързан с поддържането на сървър на карти и пространствената база данни е премахнат.

Избор на Web Mapping Framework

И така, с всички опции, как да изберем правилния инструмент за онлайн картографиране? От една страна, има търговски онлайн доставчици на карти като Google, MapQuest, Microsoft и Nokia. Тези услуги предоставят плочки на картата и подходящи API на JavaScript, за да ги преглеждат и да взаимодействат с карта. От друга страна, има проекти за картографиране с отворен код, които предлагат лесно зареждане на базирани на OpenStreetMap плочки от карти. Те включват OpenLayers и Leaflet. И тогава има проекти като MapBox и CartoDB, които базират своите бизнес модели на базата на библиотеки с отворен код и OSM данни и осигуряват добавена стойност, но не са безплатни.

Нека да разгледаме някои примери от всяка от тези категории. Тук ще обсъдя няколко от тези онлайн инструменти за картографиране, предоставяйки кратък преглед на всеки, заедно с примери за код, и претегляне на плюсовете и минусите. Ние също написахме a Урок за картографиране на D3.js че може да ви бъде интересно като отделно четиво.

Google Maps

Нека започнем с най-очевидния избор, Google Maps . Първата версия на API на Google Maps е въведена на февруари 2005 г., а настоящият API на Google Maps v3 на юни 2009 г. API на Google Maps не е само крайната точка на API на JavaScript; тя включва повече проекти и предлага няколко различни начина за вграждане на Google Maps в уеб страници с обширна персонализация.

как да издържим изпита за архитект на aws solutions

Текущите налични API на Google Maps включват:

• API на Google Maps Javascript
• API на Google Static Maps
• API за вграждане на Google Maps
• Google Maps SDK за iOS
• Google Maps Android API v2

За да ви помогне да изберете правилния API, Google разработи API за избор .

Струва си да се отбележи, че докато основните API са безплатни, има някои наложени ограничения. Първото е това картите трябва да бъдат свободно и публично достъпни за крайните потребители . На второ място са ограниченията за използване: услугата е безплатна, стига вашият сайт да не генерира повече от 25 000 зареждания на карта всеки ден, за всеки 90-дневен период . Ако имате нужда от по-големи мащаби или искате частна карта, или имате корпоративен или търговски уебсайт, трябва да помислите за плащане API на Google Maps for Work .

Изпълнение

Ето пример за това как да внедрите проста карта на Google в код. Той показва как да създадете проста карта с помощта на API, да поставите маркер на картата и да отворите изскачащ прозорец с щракване на мишката.

var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: new google.maps.LatLng(45.8167, 15.9833), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker = new google.maps.Marker({ position: new google.maps.LatLng(45.8167, 15.9833), map: map }); google.maps.event.addListener(marker, 'click', (function(marker) { return function() { infowindow.setContent('Zagreb'); infowindow.open(map, marker); } })(marker));

Получената карта изглежда така:

Професионалисти

• Разработено и поддържано от Google.
• Много различни API за включване на карта във вашия уебсайт или приложение.
• Голяма общност от потребители.
• Много добра документация за API, с много примери.

Минуси

• Сигурни ли сме, че няма да видим добавки в даден момент?
• Всички го използват; всички карти (предимно) изглеждат еднакви.
• Затворен и коректен API.
• Няма приставки освен официално разработените от Google.
• Неясни цени за Google Maps for Work.

OpenLayers

OpenLayers е разработен от MetaCarta като отворен код, еквивалентен на Google Maps, и първата версия е публикувана през юни 2006 г. OpenLayers е непрекъснат инструмент за картографиране, който прилага JavaScript API за изграждане на богати уеб-базирани географски приложения, с API подобен на API на Google Maps. OpenLayers спечелиха много сцепление много бързо и развитието в началото беше бързо. OpenLayers 2 беше пуснат само два месеца след версия 1, през август 2006 г. Библиотеката непрекъснато се разработваше и непрекъснато се добавяха нови версии с нови функции. Недостатъкът на този бърз напредък беше, че библиотеката на версия 2 стана много голяма и тромава, като в крайна сметка достигна 1MB по размер и съдържа над 100 000 реда код! Въпреки че идваше с много функции, не всички бяха необходими на обикновените потребители.

Това беше основната причина за цялостно пренаписване на библиотеката му. Целта беше да се насочат към най-новите функции на HTML5 и CSS3, със същата функционалност от OpenLayers 2, като поддръжка за проекции, стандартни протоколи и функционалност за редактиране. Основният фокус беше върху подобрения в производителността, по-леки компилации, по-хубави визуални компоненти и по-добър API. Това много подобрени OpenLayers 3 е публикуван през август 2014 г.

Изпълнение

Нека да видим как същата карта като в предишния пример, този път с помощта на OpenLayers 3.

var iconFeature = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([15.9833, 45.8167], 'EPSG:4326', 'EPSG:3857')), name: 'Zagreb', }); var iconStyle = new ol.style.Style({ image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({ anchor: [0.5, 46], anchorXUnits: 'fraction', anchorYUnits: 'pixels', opacity: 0.75, src: 'http://ol3js.org/en/master/examples/data/icon.png' })) }); iconFeature.setStyle(iconStyle); var vectorSource = new ol.source.Vector({ features: [iconFeature] }); var vectorLayer = new ol.layer.Vector({ source: vectorSource }); var map = new ol.Map({ target: document.getElementById('map'), layers: [ new ol.layer.Tile({ source: new ol.source.OSM() }), vectorLayer ], controls: ol.control.defaults(), view: new ol.View({ center: ol.proj.transform([15.9833, 45.8167], 'EPSG:4326', 'EPSG:3857'), zoom: 10 }) }); var element = document.getElementById('popup'); var popup = new ol.Overlay({ element: element, positioning: 'bottom-center', stopEvent: false }); map.addOverlay(popup); map.on('click', function(evt) { var feature = map.forEachFeatureAtPixel(evt.pixel, function(feature, layer) { return feature; }); if (feature) { var geometry = feature.getGeometry(); var coord = geometry.getCoordinates(); popup.setPosition(coord); $(element).popover({ 'placement': 'top', 'html': true, 'content': feature.get('name') }); $(element).popover('show'); } else { $(element).popover('destroy'); } }); map.on('pointermove', function(e) { if (e.dragging) { $(element).popover('destroy'); return; } var pixel = map.getEventPixel(e.originalEvent); var hit = map.hasFeatureAtPixel(pixel); map.getTarget().style.cursor = hit ? 'pointer' : ''; });

И резултатът:

Професионалисти

• Безплатен и с отворен код.
• Оборудвана с функции библиотека за вашите нужди на картографиране.
• Много примери.
• Поддръжка за редица типове данни и ГИС стандарти.
• Вградена поддръжка за проекции на карти и функции за редактиране.

Минуси

• Версия 3 все още е в тежко развитие и API все още се променя с всяка точка освобождаване .
• Сложен синтаксис на API.
• Понастоящем документацията за версия 3 не е толкова задълбочена, колкото би могла да бъде.

Брошура

Може спокойно да се каже това Брошура е роден като реакция на раздуването, бъркотията и сложността на OpenLayers. Владимир Агафонкин беше помолен да изгради обвивка около OpenLayers, но вместо това той създаде проста и лека алтернатива на OpenLayers и през май 2011 г. се роди листовка. Владимир се фокусира върху простотата, производителността и използваемостта на този инструмент за онлайн карти. Основната библиотека има само основна функционалност, която е достатъчна за повечето случаи на реално използване. И все пак, брошурата може да бъде разширена с огромно количество плъгини, които са лесни за разработване и добавяне върху основната библиотека. Освен това Leaflet е разработен от нулата с оглед на мобилната поддръжка.

Листовката е лесна за използване и има добре документиран API, заедно с прост изходен код, който е на разположение на GitHub . В резултат на фокуса си върху производителността, използваемостта, простотата, малкия размер и мобилната поддръжка, той е значително по-сложен от OpenLayers.

Бъдещето на Leaflet също изглежда интересно. Според Владимир той планира следващото голямо издание на бъдете още по-прости , допълнително подобряване на производителността и надграждане на инфраструктурата на приставките.

Изпълнение

Ето още веднъж същата карта като преди, този път изпълнена с помощта на листовка.

var map = L.map('map').setView([45.8167, 15.9833], 10); var mbUrl = 'https://{s}.tiles.mapbox.com/v3/{id}/{z}/{x}/{y}.png'; L.tileLayer(mbUrl, {id: 'examples.map-i875mjb7'}).addTo(map); var marker = L.marker([45.8167, 15.9833]).bindPopup('Zagreb').addTo(map);

Професионалисти

• Безплатен и с отворен код.
• Малка и бърза.
• Лесен и лесен синтаксис на API.
• Мобилен приятелски.
• Добре е да получите онлайн карта бързо и лесно.
• Много примери с много добра документация.

Минуси

• Липса на разширена функционалност.

MapBox

Стартиране на име MapBox се опитва да революционизира онлайн картографския пазар с цел изграждането на по-добре изглеждащи, по-гъвкави онлайн карти. The API на MapBox JavaScript използва Leaflet и е написан като приставка Leaflet. Той разширява функционалността на брошурата и се интегрира с други Уеб услуги на MapBox , включително хостинг на MapBox за създадени от потребителя потребителски карти и набори от данни. Освен JavaScript API, MapBox включва следните свързани услуги:

как да компилирам c++ код

• Мобилни iOS и Android SDK.
• Набор от предварително проектирани карти .
• Статични карти които могат да се показват, без да е необходима библиотека за картографиране.
• ДА СЕ Услуга за геокодиране .
• ДА СЕ Услуга за указания .

MapBox предлага не само своята услуга за картографиране, но и достъп до данните, включително частно придобити сателитни изображения, отворени данни от НАСА и управлявани от общността световни данни от OpenStreetMap. Стилирането на данни се извършва с помощта на CartoCSS , стил стил, създаден от MapBox, базиран на CSS и рамката за стилизиране LESS. Въпреки че услугата MapBox предлага безплатно ниво, тя е ограничена в честотната лента и съхранението и за всяка сериозна употреба услугата трябва да бъде платена.

Много големи компании са признали предимствата, които MapBox предоставя, и го използват на собствените си сайтове. Те включват Foursquare, Evernote, Pinterest, The Financial Times, GitHub и Etsy, за да назовем само няколко.

CartoCSS

Ето пример за гладка карта на MapBox, използваща стил, наречен Пирати , създаден от дизайнерите на MapBox. Тъй като MapBox работи върху Leaflet, кодът за вграждане на това във вашата уеб страница ще бъде подобен на горния пример на Leaflet:

Както бе споменато по-горе, CartoCSS се използва за стилизиране на векторни плочки в MapBox. Това се прави с помощта на техните Студио MapBox , което също е отворен код . С MapBox Studio е възможно да създадете свои собствени стилове на карти от нулата или да промените и разширите съществуващите стилове, създадени от други дизайнери. След като вашата персонализирана карта бъде качена във вашия акаунт в MapBox, можете да я вградите на вашия сайт с помощта на API на MapBox.

По-долу е извадка от CartoCSS, използвана за получаване на Пирати основен пласт:

@name: '[name_en]'; @name_arrr: '[name_en].replace('([Aa]r)','1rr')'; @land: #fff8f0; @water: #cdd; @park: #cda; Map { background-color:@land; background-image:url(img/noise.png); } #admin[maritime=0][zoom>=3] { line-join: round; line-color: #478; comp-op:multiply; // Countries [admin_level=2] { line-cap:round; line-width: 0.8; [zoom>=6] { line-width: 2; } [zoom>=8] { line-width: 4; } [disputed=1] { line-dasharray: 4,4; line-cap:butt; } } // States / Provices / Subregions [admin_level>=3] { line-width: 0.4; line-dasharray: 10,3,3,3; [zoom>=6] { line-width: 1; } [zoom>=8] { line-width: 2; } [zoom>=12] { line-width: 3; } } } @water_line:lighten(@water,8); #water { ::b { polygon-pattern-file:url(img/water.png); polygon-pattern-alignment:global; } polygon-fill: mix(@water,#fff,50); polygon-gamma: 0.6; comp-op:multiply; a/line-color:@water_line; a/line-width:-0.4; a/line-comp-op:multiply; a/line-smooth:2; b/line-color:@water_line; b/line-width:-0.4; b/line-comp-op:multiply; b/line-smooth:4; c/line-color:@water_line; c/line-width:-0.4; c/line-comp-op:multiply; c/line-smooth:6; [zoom>=12] { a/line-width:0.8; b/line-width:0.8; c/line-width:0.8; } } #waterway { comp-op:multiply; [type='river'], [type='canal'] { line-color: @water; line-width: 0.5; [zoom>=12] { line-width: 1; } [zoom>=14] { line-width: 2; } [zoom>=16] { line-width: 3; } } [type='stream'] { line-color: @water; line-width: 0.5; [zoom>=14] { line-width: 1; } [zoom>=16] { line-width: 2; } [zoom>=18] { line-width: 3; } } } #landuse { ::glow { comp-op:multiply; [class='park'],[class='pitch'],[class='school'] { line-width:2; line-join:round; [class='park'] { line-color:#ddb; } [class='pitch'] { line-color:#eed; } [class='school'] { line-color:#edb; } } } ::main[zoom>=0] { comp-op:multiply; [class='park'] { polygon-pattern-file:url(img/park.png); polygon-pattern-alignment:global; } [class='school'] { polygon-fill:#ed9; polygon-opacity:0.5; } } ::wood[class='wood'] { line-color:#C3CFB4; line-opacity:0.33; line-width:3; line-join:round; polygon-pattern-file:url(img/forest.png); polygon-pattern-alignment:global; comp-op:multiply; opacity:0.5; } } #building { polygon-fill:#efe8d8; comp-op:multiply; [zoom>=15] { line-color:#efe8d8 * 0.9; [zoom>=15] { line-width:0.2; } [zoom>=16] { line-width:0.4; } [zoom>=17] { line-width:0.8; } } } #tunnel { opacity: 0.5; } #road, #tunnel, #bridge { ['mapnik::geometry_type'=2] { line-width: 1; line-color:#edc; line-comp-op:multiply; [class='motorway'], [class='main'], [class='motorway_link']{ line-color:#dba; [zoom>=10] { line-width: 1; } [zoom>=12] { line-width: 2; } [zoom>=14] { line-width: 3; } [zoom>=16] { line-width: 5; } } [class='street'], [class='street_limited'] { [zoom>=13] { line-width: 1.4; } [zoom>=14] { line-width: 2; } [zoom>=16] { line-width: 3; } } [class='street_limited'] { line-dasharray: 4,1; } [class='path'] { line-dasharray: 3,2; } } }

Арр, приятелю!

Разгледайте някои от другите предварително проектирани стилове на MapBox тук .

Професионалисти

• Удължава брошурата.
• Голямо хранилище с подробни и безоблачни сателитни изображения.
• Подробни данни за терена.
• Изобилие от свързани услуги.
• Красиво проектирани карти от кутията.
• Графичен интерфейс за стилизиране и персонализиране на съществуващи карти.

Минуси

• Лакомствата не са безплатни.
• Ценообразуване се базира повече на трафика, отколкото на функциите.

CartoDB

За по-сложна визуализация и анализ на геопространствени данни, CartoDB е един от най-добрите инструменти там. Това е облачна услуга, която съхранява географски данни в пространствено базирана база данни в облака, наречена PostGIS , предоставяне на инструменти за достъп до данните, анализ на тях, като се използват пространствените и геолокационни правомощия на PostGIS и се показват с помощта на брошура.

CartoDB е създаден в резултат на липсата на алтернативи за лесна визуализация и съхранение на геопространствени данни. Следователно CartoDB може да се счита за алтернатива на Google Fusion Tables . Потребителите могат да импортират набори от данни в различни формати, включително CSV, KML или Excel таблици, и да ги слоят върху карти от общи източници като Google, Тук (Nokia) или OpenStreetMap. Тъй като всички геоданни се съхраняват в реална база данни, данните могат да бъдат достъпни и заявени с SQL и след това стилизирани с CSS.

Услугата CartoDB се предлага като „freemium;“ Потребителите, които оставят данните си отворени за обществеността, могат да хостват своите проекти на уебсайта на CartoDB безплатно. За да съхраняват частни данни, да импортират повече от 5 MB данни или да използват повече от пет таблици, потребителите трябва да се абонират за a премиен план .

как да разработим език за програмиране

GeoJSON

как да изградим двигател за препоръки

CartoDB е инструмент за визуализация на данни, така че се използва малко по-различно от другите примери за онлайн картографиране. Вашата карта CartoDB автоматично ще визуализира всички данни, които имат геореферентни координати на картата. Така че можем да покажем етикет за Загреб, като просто го добавим към нашата база данни PostGIS. Ето пример, форматиран в GeoJSON:

{ 'type': 'FeatureCollection', 'features': [ { 'type':'Feature', 'geometry': { 'type':'Point', 'coordinates':[15.9833,45.8167] }, 'properties': { 'cartodb_id':1, 'name':'Zagreb', 'description':null, 'created_at':'2015-02-20T21:02:16Z', 'updated_at':'2015-02-20T21:03:59Z' } } ] }

Въпреки това, за да разберете наистина на какво е способна CartoDB, разгледайте техните галерия .

Професионалисти

• Чудесно за управление и съхранение на геопространствени данни.
• Поддържа много формати данни и големи масиви от данни.
• Въз основа на доказани продукти с отворен код, като Leaflet и PostGIS.
• Модел Freemium.

Минуси

• Не е безплатно.
• Ценообразуване се основава на размера на съхранените данни, което може да стане скъпо, ако се използват много големи набори от данни.

Други опции за уеб разработчици

Това са най-популярните в момента рамки за картографиране, но има и други по-малко известни опции в дивата природа. Ако сте обвързани с екосистемата на Microsoft, те предлагат API, подобен на Google Maps, наречен API на Bing Maps .

И няма как да не споменем динозавър в света на онлайн картографиране, MapQuest. Все още е наоколо и предлага Инструменти за картографиране на MapQuest .

Ако търсите малко по-различен подход към създаването на карти, Картограф е интересно, защото е създадено с оглед на нуждите на дизайнери и журналисти за данни.

Оформяне на вашите карти

Всички тези рамки предлагат начин за персонализиране на стила и външния вид на вашите карти. MapBox и CartoDB предлагат стилизиране с помощта на CSS или вариация на CSS.

Пред Google беше представена версия 3 на API на Google Maps карти по поръчка . Това накрая позволи на разработчиците, особено на дизайнерите, повече място да персонализират дизайна на Google Maps по подразбиране, който се вижда навсякъде, и да го приведат в по-голяма степен в съответствие с общата визуална тема на уебсайта. В богатата общност на Google Maps се родиха няколко стилизиращи ресурси. Най-забележителното е Snazzy Maps , общност от хора, създаващи персонализирани стилове за Google Maps и споделящи ги безплатно.

Ако сте решили да използвате OpenLayers или Leaflet, тогава сте ограничени до предварително изобразени плочки на картата. За щастие има различна гама от плочки за карти, които можете да изберете, от Google, Nokia, Bing или OSM плочки по подразбиране, до тези, специално създадени от дизайнери, като например Тичинка . За да усетите колко налични плочки на картата съществуват или как изглеждат в сравнение една с друга, посетете Streetmap Smackdown или Сравнете картата сайтове.

Бъдещето на уеб картите и инструментите за картографиране

Бъдещето на картографския свят изглежда интересно. Ето някои нововъзникващи технологии, които само преди няколко години биха изглеждали като научна фантастика:

• Само за вектор - Използване на векторни карти вместо растерни изображения с D3.js носи нов свят от функции, които не са възможни при използване на стандартни рамки. MapBox също се движи в тази посока, с MapBox GL , базиран на OpenGL.
• 3D - Триизмерен терен и сгради вече се показват в карти, а OpenLayers v3 кораби с вградена поддръжка за Цезий .
• ГИС и пространствен анализ в уеб браузъра - Вече е възможно да се използва Тревна площ . Turf е JavaScript библиотека, която поддържа пространствени и статистически операции, класификация на данни и създаване на данни GeoJSON, всички в браузъра.

Увийте

Всеки от най-добрите инструменти за онлайн картографиране, изброени тук, има своите силни и слаби страни. Например примерите за кодове показват простотата на използване на брошурата срещу сложността, която носи OpenLayers. Но Leaflet няма да реши сложните ви пространствени проблеми там, където OpenLayers ще го направи. Изборът се свежда до вашите нужди.

Да обобщим:

• Google Maps - Добре закръглено, утвърдено решение за картографиране, особено за лица, които не са разработчици, за да получат основна карта в мрежата, заедно с всички правомощия, с които Google е (не) известен.
• OpenLayers - За ситуации, когато други рамки за картографиране не могат да решат проблемите ви за пространствен анализ.
• Брошура - В момента лесно най-добрата рамка за картографиране за общи цели на картографиране, особено ако не се нуждаете от допълнителните услуги, които MapBox или CartoDB предоставят.
• MapBox - Бързо растящо и променящо се на пазара решение за картографиране, когато искате по-голям контрол върху стила на картата или имате нужда от услуги, които другите не предоставят, като подробни сателитни изображения, геокодиране или упътвания.
• CartoDB - Ако имате тежки набори от данни, съхранявани в различни формати на данни, не търсете повече.