JavaScript API арқылы GeoJSON немесе KML файлдарымен Google карталарын жаңартыңыз
KML (Keyhole Markup Language) және GeoJSON (Географиялық JSON) географиялық деректерді құрылымдық түрде сақтау үшін қолданылатын екі файл пішімі болып табылады. Әрбір пішім қолданбалардың әртүрлі түрлері үшін қолайлы және әртүрлі карта қызметтерінде, соның ішінде, пайдаланылуы мүмкін Google Maps. Әр форматтың егжей-тегжейлерін қарастырайық және мысалдар келтірейік:
KML файлы
KML — XML негізіндегі географиялық деректерді көрсету пішімі, Google Earth қызметімен пайдалану үшін әзірленген. Бұл картада нүктелерді, сызықтарды, көпбұрыштарды және кескіндерді көрсету үшін тамаша. KML файлдары орындар, жолдар, көпбұрыштар, стильдер және т.б. сияқты мүмкіндіктерді қамтуы мүмкін.
KML файлының мысалы:
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<name>Example KML</name>
<Placemark>
<name>New York City</name>
<description>New York City</description>
<Point>
<coordinates>-74.006,40.7128,0</coordinates>
</Point>
</Placemark>
</Document>
</kml>
Бұл KML мысалы Нью-Йорк қаласы үшін бір орын белгісін анықтайды. The <coordinates>
тег бойлықты, ендік пен биіктікті (осы ретпен) көрсетеді, биіктік міндетті емес.
GeoJSON файлы
GeoJSON — JSON көмегімен әртүрлі географиялық деректер құрылымдарын кодтауға арналған пішім. Ол Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon және GeometryCollection сияқты геометрия түрлерін қолдайды.
GeoJSON файлының мысалы:
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"name": "New York City",
"description": "New York City"
},
"geometry": {
"type": "Point",
"coordinates": [-74.006, 40.7128]
}
}
]
}
Бұл GeoJSON мысалы сонымен қатар KML мысалына ұқсас Нью-Йорк қаласы үшін бір нүктені анықтайды. The coordinates
массив бойлық пен ендіктен тұрады.
Айырмашылықтары және қолданылуы
- KML Google Earth және бай географиялық аннотациялар мен сәндеуді қажет ететін басқа қолданбалармен жиі пайдаланылады. Бұл әңгімелеу немесе егжей-тегжейлі географиялық презентациялар үшін өте қолайлы.
- GeoJSON жеңілірек және әдетте веб-қосымшаларда, әсіресе JavaScript пайдаланатын қолданбаларда қолданылады. Бұл веб-негізделген карта қолданбалары үшін таңдаулы пішім және ГАЖ бағдарламалық қамтамасыз ету оның қарапайымдылығы мен JavaScript Object Notation бағдарламасымен үйлесімділігіне байланысты.
Екі пішім де әртүрлі сату және маркетинг стратегияларында, әсіресе тұтынушы деректерінің географиялық картасын жасауда, нарық трендтерін талдауда немесе орынға негізделген маркетингтік науқандарды жоспарлауда өте маңызды. Карталардағы деректерді көрнекі түрде көрсету мүмкіндігі осы контексттерде жақсырақ шешім қабылдауға және стратегияны әзірлеуге көмектесетін қуатты құрал болуы мүмкін.
KML немесе GeoJSON-ды Google картаңызға қалай енгізуге болады
Google Maps JavaScript API арқылы географиялық деректері бар KML немесе JSON файлын ендіру үшін файлдың әрбір түрі үшін мына қадамдарды орындау қажет:
KML файлын ендіру
- KML файлын дайындаңыз: KML файлыңыздың желіде қолжетімді екеніне көз жеткізіңіз. Оны Google Maps шығарып алу үшін жалпыға қолжетімді болуы керек.
- Картаны жасау: Қолданбаңызда жаңа Google картасын инициализациялаңыз.
- KML қабатын жүктеңіз: Таңдаңыз
google.maps.KmlLayer
KML файлыңызды картаға қосу үшін класс.
Мысал коды:
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 8,
center: {lat: -34.397, lng: 150.644}
});
var kmlLayer = new google.maps.KmlLayer({
url: 'http://yourdomain.com/path/to/yourfile.kml',
map: map
});
}
ауыстырыңыз 'http://yourdomain.com/path/to/yourfile.kml'
KML файлыңыздың URL мекенжайымен.
JSON файлын ендіру
- JSON файлын дайындаңыз: Сіздің JSON географиялық деректерді кодтауға арналған стандартты пішім GeoJSON пішімінде болуы керек.
- Картаны жасау: KML сияқты, қолданбаңызда Google картасын инициализациялаңыз.
- GeoJSON қабатын жүктеңіз: Таңдаңыз
map.data.loadGeoJson()
GeoJSON деректерін картаға қосу әдісі.
Мысал коды:
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 4,
center: {lat: -28, lng: 137}
});
// Assuming your GeoJSON file is located at the specified URL
map.data.loadGeoJson('http://yourdomain.com/path/to/yourfile.json');
}
ауыстырыңыз 'http://yourdomain.com/path/to/yourfile.json'
GeoJSON файлыңыздың URL мекенжайымен.
Есте ұстауымыз Things
- KML және GeoJSON файлдарыңыздың дұрыс пішімделгеніне және жалпыға қолжетімді екеніне көз жеткізіңіз.
- Google Maps JavaScript API кілті қажет. Оны өзіңізге қосыңыз HTML Google Maps сценарийі жүктелетін файл.
- Картаны реттеңіз
zoom
жәнеcenter
деректеріңіздің географиялық орнына сәйкес сипаттар.
KML немесе GeoJSON файлдарын осылайша біріктіру арқылы сіз пайдаланушылар үшін динамикалық және интерактивті карта тәжірибесін ұсына отырып, веб-қосымшаңызда бай географиялық деректерді тиімді көрсете аласыз. Бұл географиялық деректерді визуализациялау әлеуетті клиенттердің немесе топ мүшелерінің түсінігі мен қатысуын жақсартатын әртүрлі сату және маркетинг контекстінде әсіресе пайдалы болуы мүмкін.