Google haritasına bir işaretçisi ekleme:
Google Haritalar - Bindirme
Bindirme / boylam koordinatlarını enlem bağlanmıştır harita üzerinde nesnelerdir.
Google Maps bindirmeleri çeşitli vardır:
- Marker - harita üzerinde tek konumları. İşaretleyiciler ayrıca özel simge görüntüleri görüntüleyebilir
- Polyline - haritada düz çizgilerin Serisi
- Poligon - haritada düz çizgilerin Serisi ve şekli "closed"
- Çember ve Dikdörtgen
- Bilgi Pencereleri - Bir harita üstünde bir pop-up balon içindeki içeriği görüntüler
- Özel bindirmeleri
Google Haritalar - Bir Marker ekleme
Marker yapıcı bir işaretleyici oluşturur. (Işaretleyici göstermek için position özelliği ayarlanması gerektiğini unutmayın).
Kullanarak haritaya işaretçisi ekleme setMap() yöntemini:
Google Haritalar - Marker animasyon
Aşağıdaki örnek, animasyon özelliği ile işaretleyici animasyon gösterilmiştir:
Örnek
var
marker=new google.maps.Marker({
position:myCenter,
animation:google.maps.Animation.BOUNCE
});
marker.setMap(map); Kendin dene " Google Haritalar - İkon yerine Marker
Aşağıdaki örnekte bir görüntü belirtir (icon) varsayılan işaretçi yerine kullanmak:
Örnek
var marker=new google.maps.Marker({
position:myCenter,
icon:'pinkball.png'
});
marker.setMap(map); Kendin dene " Google Haritalar - Polyline
Bir Polyline sıralı bir koordinat bir dizi çekilir bir çizgidir.
Bir Çoklu çizgi aşağıdaki özellikleri destekler:
- yol - Birkaç enlem / boylam çizgisi için koordinatları belirler
- strokeColor - hattı için onaltılık rengi belirtir (format: "#FFFFFF")
- strokeOpacity - çizginin saydamlığını (0.0 ile 1.0 arasında bir değer) belirler
- strokeWeight - piksel olarak hattın felç ağırlığını belirtir
- düzenlenebilir - hat kullanıcıları tarafından düzenlenebilir olup olmadığını belirler (true/false)
Örnek
var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2
}); Kendin dene " Google Haritalar - Poligon
Bu sıralı bir koordinat bir dizi oluşur ki bir çokgen bir Polyline benzerdir. Bununla birlikte, çokgenler, kapalı bir döngü içinde bölgeleri tanımlamak için tasarlandı.
Çokgenler düz çizgiler yapılır ve şekli olan "closed" (bütün çizgiler kadar çıkar).
Bir poligon aşağıdaki özellikleri destekler:
- yol - çeşitli EnlBoy (ilk ve son eşittir koordinat) hattı için koordinatları belirtilir
- strokeColor - hattı için onaltılık rengi belirtir (format: "#FFFFFF")
- strokeOpacity - çizginin saydamlığını (0.0 ile 1.0 arasında bir değer) belirler
- strokeWeight - piksel olarak hattın felç ağırlığını belirtir
- fillColor - kapalı bölge içinde alan için onaltılık rengi belirtir (format: "#FFFFFF")
- fillOpacity - Dolgu renk donukluk (0.0 ile 1.0 arasında bir değer) belirler
- düzenlenebilir - hat kullanıcıları tarafından düzenlenebilir olup olmadığını belirler (true/false)
Örnek
var myTrip = [stavanger,amsterdam,london,stavanger];
var flightPath = new google.maps.Polygon({
path:myTrip,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
}); Kendin dene " Google Haritalar - Çember
Bir daire aşağıdaki özellikleri destekler:
- merkezi - çemberin merkezinin google.maps.LatLng belirtir
- yarıçapı - metre, dairenin yarıçapını belirten
- strokeColor - çember etrafında hat için bir onaltılık rengi belirtir (format: "#FFFFFF")
- strokeOpacity - kontur renk donukluk (0.0 ile 1.0 arasında bir değer) belirler
- strokeWeight - piksel olarak hattın felç ağırlığını belirtir
- fillColor - daire içinde alan için onaltılık rengi belirtir (format: "#FFFFFF")
- fillOpacity - Dolgu renk donukluk (0.0 ile 1.0 arasında bir değer) belirler
- düzenlenebilir - Çember kullanıcılar tarafından düzenlenebilir olup olmadığını belirler (true/false)
Örnek
var myCity = new google.maps.Circle({
center:amsterdam,
radius:20000,
strokeColor:"#0000FF",
strokeOpacity:0.8,
strokeWeight:2,
fillColor:"#0000FF",
fillOpacity:0.4
}); Kendin dene " Google Haritalar - infowindow
kalem için bazı metin içeriği ile bir InfoWindow göster:
Örnek
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
infowindow.open(map,marker); Kendin dene "