حدث خرائط جوجل
انقر على علامة للتكبير - ملزمة للأحداث خريطة جوجل.
انقر فوق خريطة التكبير علامة
ونحن لا تزال تستخدم ورقة خريطة مرة أخرى باستخدام لندن.
المستخدمين أشر إلى تحقيق عندما يتم النقر على علامة ظيفة التكبير والتصغير (النقر التكبير خريطة علامة الحدث ملزم).
متاحة على النحو التالي:
أمثلة
// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,'click',function() {
map.setZoom(9);
map.setCenter(marker.getPosition());
});
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);
});
window.setTimeout(function() {
map.panTo(marker.getPosition());
},3000);
});
محاولة »
عند النقر فوق علامة لفتح نافذة المعلومات.
انقر فوق علامة لعرض بعض النص في إطار الرسالة:
أمثلة
var infowindow = new google.maps.InfoWindow({
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
content:"Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
محاولة »
تعيين التسمية وبطاقة المعلومات لكل نافذة مفتوحة
تنفيذ النافذة عندما ينقر المستخدم على الخريطة
ينقر المستخدمون على الخريطة لوظيفة موقف العلامة الموضعية () على مكان معين لوضع علامة، ونافذة منبثقة رسالة:
أمثلة
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);
}
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);
}
محاولة »