গোগল ম্যাপ ইভেন্ট

মার্কার ক্লিক করলে সমস্তুক্ষণ

আমরা আগের পৃষ্ঠার মানচিত্রকেও ব্যবহার করি: ইংল্যান্ডের লন্ডনে কেন্দ্রীভূত মানচিত্র。

এখন, আমরা ব্যবহারকারী মার্কার ক্লিক করলে সমস্তুক্ষণ করতে চাই (আমরা একটি ইভেন্ট হ্যান্ডলার যুক্ত করি যাতে ক্লিক করলে মানচিত্রকে সমস্তুক্ষণ করা যায়).

এইভাবে কোড যোগ করা হয়:

একটি উদাহরণ

// মার্কার ক্লিক করলে 9-এ সমস্তুক্ষণ
google.maps.event.addListener(marker,'click',function() {
  map.setZoom(9);
  map.setCenter(marker.getPosition());
});

আমরা addListener() ইভেন্ট হ্যান্ডলার ব্যবহার করে ইভেন্ট নোটিফিকেশন রেজিস্ট্রার করি।এই পদ্ধতিটি গ্রহণকৃত প্রাপ্তি হল:

• একটি অবজেক্ট
• একটি ঘটনা যা শুন্য করা হবে
• একটি ফাংশন যা নির্দিষ্ট ঘটনা ঘটার সময় বেলা করে

মার্কারের সাথে মানচিত্রকে ফিরিয়ে নিতে

এখানে, আমরা সমস্ত জয়ন্তসম্প্রসারণ সংরক্ষণ করি এবং ৩ সেকেন্ড পরে মানচিত্রকে সরানো করি:

একটি উদাহরণ

google.maps.event.addListener(marker,'click',function() {
  var pos = map.getZoom();
  map.setZoom(9);
  map.setCenter(marker.getPosition());
  window.setTimeout(function() {map.setZoom(pos);},3000);
});

মার্কার ক্লিক করলে তথ্য বার্তা খোলা

মার্কার ক্লিক করলে টেক্সটসহ তথ্য বার্তা দেখানোর জন্য

একটি উদাহরণ

var infowindow = new google.maps.InfoWindow({
  content: "Hello World!"
});
google.maps.event.addListener(marker, 'click', function() {
  });
});

মার্কার সম্প্রসারিত করা এবং প্রত্যেক মার্কারের জন্য তথ্য বার্তা খোলা

ব্যবহারকারী মানচিত্রে ক্লিক করলে ফাংশন চালু হবে。

placeMarker() ফাংশন ব্যবহারকারীর ক্লিক স্থানে একটি মার্কার স্থাপন করবে, এবং তার জোয়ালটির উত্তরভাগে মার্কারের দূরত্ব এবং অক্ষাংশ দেখাবে:

একটি উদাহরণ

google.maps.event.addListener(map, 'click', function(event) {
  placeMarker(map, event.latLng);
});
function placeMarker(map, location) {
  var marker = new google.maps.Marker({
    position: location,
    map: map
  });
  var infowindow = new google.maps.InfoWindow({
    content: 'ল্যাটিটিউড: ' + location.lat() +
    '<br>লংগিটিউড: ' + location.lng()
  });
  });
infowindow.open(map,marker);