Rumah > hujung hadapan web > tutorial js > Contoh Fail Google Maps JSON

Contoh Fail Google Maps JSON

William Shakespeare
Lepaskan: 2025-03-09 00:06:12
asal
119 orang telah melayarinya

Example Google Maps JSON File

(siri artikel ini dikemas kini pada pertengahan 2017 dengan maklumat terkini dan contoh baru.)

Peta Google, yang dilancarkan pada tahun 2005, adalah perkhidmatan pemetaan dalam talian yang menawarkan perancangan laluan, imej satelit, lalu lintas masa nyata, dan banyak lagi. Popularitinya tidak dapat dinafikan, terutamanya dalam sektor mudah alih, kedudukan sebagai aplikasi telefon pintar teratas pada tahun 2013 (GlobalWebIndex). Perkhidmatan ini juga menyediakan API yang kuat untuk pemaju untuk mengintegrasikan peta ke laman web mereka.

Tutorial ini menunjukkan cara menambah beberapa penanda ke peta Google menggunakan data JSON. Data ini, menentukan maklumat penanda, boleh disimpan dalam fail atau pangkalan data, diakses dari jauh atau tempatan melalui API.

data penanda (JSON):

{
  "markers": [
    {
      "name": "Rixos The Palm Dubai",
      "position": [25.1212, 55.1535],
    },
    {
      "name": "Shangri-La Hotel",
      "location": [25.2084, 55.2719]
    },
    {
      "name": "Grand Hyatt",
      "location": [25.2285, 55.3273]
    }
  ]
}
Salin selepas log masuk
Untuk aplikasi pengeluaran, kunci API diperlukan. Inilah cara memasukkannya:

Integrasi utama API:

Salin selepas log masuk
Contoh ini menghilangkan kunci API untuk keringkasan, mengakibatkan amaran konsol. Kod lengkap ditunjukkan dalam satu fail html tunggal.

html & javascript:

<!DOCTYPE html>


  <title>Dubai Hotels</title>
  
  


  <h2>Dubai Hotels</h2>
  <div id="map" style="width:640px; height:480px;"></div>

Salin selepas log masuk
Rujuk dokumentasi API Google Maps untuk butiran mengenai kelas

dan Map. Penjelajahan lanjut dokumentasi akan mendedahkan cara menambah animasi dan ikon tersuai. Lihat tutorial yang berkaitan dengan geolokasi dan dipermudahkan integrasi Peta Google untuk teknik yang lebih canggih. Marker Contoh yang berkaitan:

Colors JSON, YouTube JSON, Twitter JSON, Geoip Json, WordPress JSON, Database JSON, REST LOCAL JSON, Data Test JSON, JSON Server.

Soalan Lazim (Soalan Lazim):

Bahagian ini akan ditinggalkan untuk keringkasan, kerana ia adalah pengulangan soalan dan jawapan Google Maps JSON biasa yang tersedia dalam talian melalui dokumentasi rasmi dan sumber komuniti.

Atas ialah kandungan terperinci Contoh Fail Google Maps JSON. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan