ক্লিকে গুগল ম্যাপে চিহ্নিতকারী যুক্ত করুন


87

আমি যখন কোনও ব্যবহারকারী মানচিত্রে ক্লিক করে ফেলে রাখেন তখন গুগল ম্যাপে কীভাবে কোনও চিহ্নিতকারী (গুলি) যুক্ত করতে হয় তার খুব সাধারণ উদাহরণ খুঁজে পেতে আমি আশ্চর্যজনকভাবে সংগ্রাম করছি।

আমি গত কয়েক ঘন্টা ঘুরে দেখেছি এবং গুগল ম্যাপস এপিআই ডকুমেন্টেশনের সাথে পরামর্শ করেছি এবং কিছু সাহায্যের প্রশংসা করব!

উত্তর:


169

আরও অনেক গবেষণার পরে, আমি একটি সমাধান খুঁজে পেতে পরিচালিত।

google.maps.event.addListener(map, 'click', function(event) {
   placeMarker(event.latLng);
});

function placeMarker(location) {
    var marker = new google.maps.Marker({
        position: location, 
        map: map
    });
}

7
আমরা কি একবারে ব্যবহারকারীকে যুক্ত করতে সক্ষম করতে পারি? এবং চিহ্নিতকারী সরানো?
চবি আলা

প্লাস নমুনা লিঙ্ক দিন
সোপো

43

2017 সালে, সমাধানটি হ'ল:

map.addListener('click', function(e) {
    placeMarker(e.latLng, map);
});

function placeMarker(position, map) {
    var marker = new google.maps.Marker({
        position: position,
        map: map
    });
    map.panTo(position);
}

20

এটি আসলে একটি ডকুমেন্টেড বৈশিষ্ট্য এবং এটি এখানে পাওয়া যাবে

// This event listener calls addMarker() when the map is clicked.
  google.maps.event.addListener(map, 'click', function(e) {
    placeMarker(e.latLng, map);
  });

  function placeMarker(position, map) {
    var marker = new google.maps.Marker({
      position: position,
      map: map
    });  
    map.panTo(position);
  }

14

@ ছাইবি আলা, ব্যবহারকারীকে কেবল একবার যুক্ত করতে এবং মার্কারটি সরাতে সক্ষম করতে; আপনি প্রথম ক্লিকে চিহ্নিতকারী সেট করতে পারেন এবং তারপরে পরবর্তী ক্লিকগুলিতে অবস্থান পরিবর্তন করতে পারেন।

var marker;

google.maps.event.addListener(map, 'click', function(event) {
   placeMarker(event.latLng);
});


function placeMarker(location) {

    if (marker == null)
    {
          marker = new google.maps.Marker({
             position: location,
             map: map
          }); 
    } 
    else 
    {
        marker.setPosition(location); 
    } 
}

6

বর্তমানে মানচিত্রে শ্রোতাদের যুক্ত করার পদ্ধতিটি হবে

map.addListener('click', function(e) {
    placeMarker(e.latLng, map);
});

এবং না

google.maps.event.addListener(map, 'click', function(e) {
    placeMarker(e.latLng, map);
});

রেফারেন্স


0
  1. প্রথমে চিহ্নিতকারীটিকে ঘোষণা করুন:
this.marker = new google.maps.Marker({
   position: new google.maps.LatLng(12.924640523603115,77.61965398949724),
   map: map
});
  1. ক্লিক করে চিহ্নিতকারীকে প্লট করার জন্য পদ্ধতিটি কল করুন:
this.placeMarker(coordinates, this.map);
  1. ফাংশনটি সংজ্ঞায়িত করুন:
placeMarker(location, map) {
    var marker = new google.maps.Marker({
        position: location,
        map: map
    });
    this.markersArray.push(marker);
}
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.