Fa'afou fa'afanua Google Fa'atasi ma GeoJSON po'o KML faila Fa'aaogā le JavaScript API
KML (Keyhole Markup Language) ma GeoJSON (Fa'afanua JSON) o faila faila e lua e faʻaogaina mo le teuina o faʻamatalaga faʻafanua i se faiga faʻatulagaina. O faʻatulagaga taʻitasi e fetaui mo ituaiga eseese o talosaga ma e mafai ona faʻaogaina i auaunaga faʻafanua eseese, e aofia ai Maps Google. Seʻi o tatou suʻesuʻe i faʻamatalaga o faʻatulagaga taʻitasi ma tuʻuina atu faʻataʻitaʻiga:
KML faila
O le KML ose fa'avae XML mo le fa'atusaina o fa'amaumauga fa'afanua, fa'atupuina mo le fa'aoga ma le Google Earth. E lelei tele mo le fa'aalia o togi, laina, polygons, ma ata i luga o fa'afanua. O faila KML e mafai ona aofia ai foliga e pei o faʻailoga, auala, polygons, sitaili, ma isi mea.
Faataitaiga o le KML File:
<?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>
O lenei fa'ata'ita'iga KML e fa'amatala ai se fa'ailoga e tasi mo le Aai o Niu Ioka. O le <coordinates>
tag e fa'amaoti ai le longitude, latitu, ma le maualuga (i lena fa'asologa), ma le maualuga e filifili.
GeoJSON faila
GeoJSON ose fa'asologa mo le fa'avasegaina o fa'asologa o fa'amaumauga fa'afanua e fa'aaoga ai le JSON. E lagolagoina ituaiga geometry e pei ole Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon, ma GeometryCollection.
Faataitaiga o le GeoJSON File:
{
"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"name": "New York City",
"description": "New York City"
},
"geometry": {
"type": "Point",
"coordinates": [-74.006, 40.7128]
}
}
]
}
O lenei faʻataʻitaʻiga GeoJSON o loʻo faʻamatalaina foi se tasi itu mo le Aai o Niu Ioka, tutusa ma le KML faʻataʻitaʻiga. O le coordinates
o lo'o iai le longitude ma le latitu.
Eseesega ma Fa'aoga
- KML e masani ona fa'aoga ile Google Earth ma isi fa'aoga e mana'omia ai fa'amatalaga fa'afanua fa'afanua ma sitaili. E fetaui lelei mo tala fa'asolopito po'o fa'amatalaga auiliili fa'afanua.
- GeoJSON e sili atu le mama ma e masani ona faʻaaogaina i luga o upega tafaʻilagi, aemaise lava i latou e faʻaogaina le JavaScript. O le fa'atulagaga sili lea mo fa'afanua fa'atatau i luga ole laiga ma GIS software ona o lona faigofie ma le fetaui ma le JavaScript Object Notation.
O fa'asologa uma e lua e taua tele i le tele o fa'atauga ma fa'atauga fa'atau, aemaise lava pe a fa'afanua fa'afanua fa'amaumauga a tagata fa'atau, su'esu'eina faiga tau maketi, po'o le fuafuaina o fa'atauga fa'atauga fa'atatau i nofoaga. O le mafai ona fa'atusalia fa'amatalaga i fa'afanua e mafai ona avea ma meafaigaluega mamana i nei tulaga, fesoasoani i le faia o fa'ai'uga lelei ma le atina'eina o fuafuaga.
Faʻafefea ona faʻapipiʻi KML poʻo GeoJSON i lau Google Map
Ina ia fa'apipi'i se faila KML po'o le JSON ma fa'amatalaga fa'afanua e fa'aaoga ai le Google Maps JavaScript API, e tatau ona e mulimuli i laasaga nei mo ituaiga faila ta'itasi:
Fa'amauina se KML File
- Saunia le KML File: Ia mautinoa e mafai ona maua lau faila KML ile initaneti. E tatau ona avanoa fa'alaua'itele mo Google Maps e toe aumai ai.
- Fausia se Faafanua: Fa'amata se Google Map fou i lau talosaga.
- Tu'u le KML Layer: Faʻaaoga le
google.maps.KmlLayer
vasega e fa'aopoopo lau faila KML ile fa'afanua.
Fa'ata'ita'iga Fa'ailoga:
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
});
}
Sui 'http://yourdomain.com/path/to/yourfile.kml'
ma le URL o lau faila KML.
Fa'apipi'i se faila JSON
- Saunia le JSON File: O lau JSON e tatau ona i ai i le GeoJSON format, o se faatulagaga masani mo le faʻavasegaina o faʻamatalaga faʻafanua.
- Fausia se Faafanua: E pei o le KML, amata se Google Map i lau talosaga.
- Uta le GeoJSON Layer: Faʻaaoga le
map.data.loadGeoJson()
auala e faʻaopoopo ai au faʻamatalaga GeoJSON i le faʻafanua.
Fa'ata'ita'iga Fa'ailoga:
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');
}
Sui 'http://yourdomain.com/path/to/yourfile.json'
ma le URL o lau faila GeoJSON.
Mea e Tatau i le Mafaufau
- Ia mautinoa o au faila KML ma GeoJSON o loʻo saʻo le faʻatulagaina ma avanoa lautele.
- Ole Google Maps JavaScript API e mana'omia. Fa'aaofia i totonu o lau HTML faila o loʻo faʻapipiʻiina ai le Google Maps script.
- Fetuunai le faafanua
zoom
macenter
meatotino e tusa ai ma le nofoaga fa'afanua o lau fa'amaumauga.
E ala i le tu'ufa'atasia o faila KML po'o GeoJSON i lenei auala, e mafai ona e fa'aalia lelei fa'amatalaga fa'afanua fa'afanua i luga o lau 'upega tafa'ilagi, e ofoina atu ai se fa'afanua malosi ma fegalegaleai mo tagata fa'aoga. E mafai ona aoga tele lenei mea i faʻatauga eseese ma maketi maketi, lea e mafai ai e le vaʻaia o faʻamatalaga faʻafanua ona faʻaleleia le malamalama ma le faʻaogaina o tagata faʻatau poʻo tagata o le au.