Manual API Cina...login
Manual API Cina Peta Google
pengarang:php.cn  masa kemas kini:2022-04-14 16:36:56

Jenis Peta Google


Google mapJenis


Jenis HIBRID peta google:


Peta Google - Jenis Peta Asas

Jenis peta berikut tersedia dalam API Peta Google:

  • MapTypeId.ROADMAP untuk Paparan paparan peta jalan lalai

  • MapTypeId.SATELLITE, digunakan untuk memaparkan imej satelit Google Earth

  • MapTypeId.HYBRID, digunakan untuk memaparkan Paparan biasa dan paparan satelit

  • MapTypeId.TERRAIN, digunakan untuk memaparkan peta sebenar berdasarkan maklumat rupa bumi.

Untuk mengubah suai jenis peta yang digunakan melalui Map, anda boleh menetapkan atribut mapTypeId untuknya:

var mapProp = {
center:new google .maps.LatLng(51.508742,-0.120850),
zum:7,
mapTypeId: google.maps.MapTypeId.HYBRID
};

atau dynamically modify

map.setMapTypeId(google.maps.MapTypeId.HYBRID);


Peta Google - Imej 45°

Google Peta API menyokong imej 45° khas untuk lokasi tertentu.

Imej peleraian tinggi ini memberikan pandangan perspektif ke arah setiap arah mata angin (tenggara, barat laut). Imej ini juga tersedia pada tahap zum yang lebih tinggi untuk jenis peta yang disokong.

Jenis peta google.maps.MapTypeId.SATELLITE dan google.maps.MapTypeId.HYBRID sedia ada menyokong imej perspektif 45° pada tahap zum tinggi, jika tersedia. Jika lokasi yang anda zum masuk mempunyai imej sedemikian, maka jenis peta ini akan menukar paparannya secara automatik dengan cara berikut:

  • Sebarang kawalan kuali sedia ada pada peta akan bertukar kepada Menambah kompas roda mengelilingi kawalan navigasi sedia ada. Anda boleh menggunakan kompas untuk menukar orientasi mana-mana imej 45° dengan menyeret roda kompas dan menjajarkannya dengan arah sokongan terdekat yang mengandungi imej.

  • Kawalan putaran akan dipaparkan di antara pan dan kawalan zum sedia ada, yang boleh digunakan untuk memutarkan imej di sekeliling arah yang disokong. Kawalan putaran hanya menyokong putaran mengikut arah jam.

  • Imej perspektif 45° yang berpusat pada lokasi semasa akan menggantikan imej satelit atau hibrid. Secara lalai, jenis pandangan ini menghadap ke utara. Jika anda zum keluar, peta kembali kepada imej satelit atau hibrid lalai.

  • Kawalan MapType akan mendayakan kawalan togol submenu untuk memaparkan imej 45°.

Nota: Mengezum keluar jenis peta yang memaparkan imej 45° akan mengembalikan semua perubahan dan membina semula jenis peta asal.

Contoh berikut menunjukkan pemandangan 45° Palazzo Ducale di Venice, Itali:

Contoh

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Petua: Google sentiasa menambah lebih banyak bandar imej 45°. Untuk mendapatkan maklumat terkini, lihat senarai imej 45° di Peta Google.


Peta Google - Mendayakan dan melumpuhkan imejan 45° - setTilt(0)

Anda boleh melumpuhkan imejan 45° dengan memanggil setTilt(0) pada objek Peta. Untuk mendayakan imej perspektif 45° untuk jenis peta yang disokong, panggil setTilt(45).

Instance

<html>
<head>
<script
src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>

<script>
var myCenter=new google.maps.LatLng(45.434046,12.340284);

function initialize()
{
var mapProp = {
  center:myCenter,
  zoom:18,
  mapTypeId:google.maps.MapTypeId.HYBRID
  };

var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
map.setTilt(0);
}

google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian


Peta Google - Manual Rujukan

Manual Rujukan API Peta Google.

Laman web PHP Cina