انقر على علامة للتكبير - إرفاق معالجات الأحداث لخرائط جوجل.
انقر علامة لتكبير
ونحن لا تزال تستخدم الخريطة من الصفحة السابقة: خريطة تركزت على لندن، إنجلترا.
الآن نحن نريد لتكبير عندما يقوم المستخدم بالنقر على علامة (نحن نعلق معالج الحدث لعلامة أن بتكبير الخريطة عند النقر عليها).
هنا هو رمز وأضاف:
مثال
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
}); انها محاولة لنفسك » نسجل لإعلامات الحدث باستخدام addListener() معالج الحدث. يأخذ هذا الأسلوب كائن، وهو حدث للاستماع ل، وظيفة للاتصال عند حدوث حدث معين.
عموم العودة إلى ماركر
هنا، ونضيف إلى معالج الحدث إلى الخريطة لإجراء تغييرات في الملكية "مركزية" وتحريك الخريطة إلى علامة بعد 3 ثوان على حدث center_changed:
مثال
google.maps.event.addListener(map,'center_changed',function() {
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
}); انها محاولة لنفسك » فتح InfoWindow عند النقر على علامة
انقر على علامة لتظهر infowindow مع بعض النصوص:
مثال
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
}); انها محاولة لنفسك » تعيين علامات وInfoWindow مفتوحة للكل ماركر
تشغيل وظيفة عندما ينقر المستخدم على الخريطة.
و placeMarker() يضع وظيفة علامة حيث النقر على المستخدم، وعروض infowindow مع خطوط الطول والعرض للعلامة:
مثال
google.maps.event.addListener(map, 'click', function(event) {
placeMarker(event.latLng);
});
function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map,
});
var infowindow = new google.maps.InfoWindow({
content: 'Latitude: ' + location.lat() +
'<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
} انها محاولة لنفسك »