Мазмұн МаркетингМаркетинг құралдары

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 файлын ендіру

  1. KML файлын дайындаңыз: KML файлыңыздың желіде қолжетімді екеніне көз жеткізіңіз. Оны Google Maps шығарып алу үшін жалпыға қолжетімді болуы керек.
  2. Картаны жасау: Қолданбаңызда жаңа Google картасын инициализациялаңыз.
  3. 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 файлын ендіру

  1. JSON файлын дайындаңыз: Сіздің JSON географиялық деректерді кодтауға арналған стандартты пішім GeoJSON пішімінде болуы керек.
  2. Картаны жасау: KML сияқты, қолданбаңызда Google картасын инициализациялаңыз.
  3. 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 файлдарын осылайша біріктіру арқылы сіз пайдаланушылар үшін динамикалық және интерактивті карта тәжірибесін ұсына отырып, веб-қосымшаңызда бай географиялық деректерді тиімді көрсете аласыз. Бұл географиялық деректерді визуализациялау әлеуетті клиенттердің немесе топ мүшелерінің түсінігі мен қатысуын жақсартатын әртүрлі сату және маркетинг контекстінде әсіресе пайдалы болуы мүмкін.

Douglas Karr

Douglas Karr CMO болып табылады OpenINSIGHTS және негізін қалаушы Martech Zone. Дуглас ондаған табысты MarTech стартаптарына көмектесті, Martech сатып алулары мен инвестицияларына 5 миллиард доллардан астам қаражатты мұқият тексеруге көмектесті және компанияларға сату және маркетинг стратегияларын енгізу және автоматтандыруға көмектесуді жалғастыруда. Дуглас – халықаралық деңгейде танылған цифрлық трансформация және MarTech сарапшысы және спикері. Дуглас сонымен қатар Dummie's guide және бизнес көшбасшылығы кітабының жарияланған авторы.

Қатысты Мақалалар

Басына оралу
жақын

Adblock анықталды

Martech Zone Сізге бұл мазмұнды ақысыз ұсына алады, өйткені біз сайтымызды жарнамадан түсетін табыс, серіктестік сілтемелері және демеушілік арқылы монетизациялаймыз. Сайтымызды көрген кезде жарнама блокаторын алып тастасаңыз, біз ризамыз.