গুগল চিহ্নিতকারী থেকে ল্যাট / এলএনজি পাওয়া

Question 1

আমি টেনে আনে এমন চিহ্নিতকারী দিয়ে একটি Google মানচিত্র মানচিত্র তৈরি করেছি। যখন ব্যবহারকারী চিহ্নিতকারীকে টেনে নিয়ে যায়, তখন আমাকে নতুন অক্ষাংশ এবং দ্রাঘিমাংশ জানতে হবে, তবে এটি করার সর্বোত্তম পদ্ধতির কী তা আমি বুঝতে পারি না।

আমি কীভাবে নতুন স্থানাঙ্কগুলি পুনরুদ্ধার করতে পারি?

Question 2

এখানে জেএসফিডাল ডেমো । গুগল ম্যাপস এপিআই ভি 3-তে একটি ড্রাগেজেবল মার্কারের ল্যাট এবং এলএনজি ট্র্যাক করা বেশ সহজ। আমাদের বেস হিসাবে নিম্নলিখিত এইচটিএমএল এবং সিএসএস দিয়ে শুরু করা যাক।

<div id='map_canvas'></div>
<div id="current">Nothing yet...</div>

#map_canvas{
    width: 400px;
    height: 300px;
}

#current{
     padding-top: 25px;
}

গুগল ম্যাপটি শুরু করার জন্য এখানে আমাদের প্রাথমিক জাভাস্ক্রিপ্ট রয়েছে। আমরা এমন একটি চিহ্নিতকারী তৈরি করি যা আমরা এটি টেনে নেবার যোগ্য সম্পত্তিটিকে সত্যে সেট করতে চাই। অবশ্যই এটি মনে রাখবেন এটি লোড হওয়ার জন্য এটি আপনার উইন্ডোটির কোনও অনলোড ইভেন্টের সাথে সংযুক্ত করা উচিত, তবে আমি কোডটি এড়িয়ে যাব:

var map = new google.maps.Map(document.getElementById('map_canvas'), {
    zoom: 1,
    center: new google.maps.LatLng(35.137879, -82.836914),
    mapTypeId: google.maps.MapTypeId.ROADMAP
});

var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(47.651968, 9.478485),
    draggable: true
});

এখানে আমরা দুটি ঘটনা সংযুক্ত dragstartটেনে শুরুর ট্র্যাক করতে এবং dragendযখন মার্কার স্টপ টেনেছেন পেয়ে drack, এবং আমরা যেভাবে এটিকে সংযুক্ত ব্যবহার করা google.maps.event.addListener। আমরা এখানে যা করছি তা ডিভের currentসামগ্রী নির্ধারণ করা হচ্ছে যখন চিহ্নিতকারীটিকে টেনে আনা হবে এবং তারপরে যখন টানা বন্ধ হবে তখন চিহ্নিতকারীটির ল্যাব এবং এলএনজি সেট করুন। গুগল মাউস ইভেন্টটির একটি প্রপার্টি নাম 'ল্যাটল্যাং' রয়েছে যা ইভেন্টটি ট্রিগার হওয়ার সাথে সাথে 'google.maps.LatLng' অবজেক্ট দেয়। সুতরাং, আমরা এখানে যা করছি তা মূলত এই শ্রোতার জন্য সনাক্তকারী ব্যবহার করে যা দ্বারা ফিরে আসে google.maps.event.addListenerএবং latLngড্রেজেন্ডের বর্তমান অবস্থানটি সন্ধান করার জন্য সম্পত্তি পেতে পারে। ড্র্যাগ বন্ধ হয়ে গেলে আমরা যখন সেই ল্যাট এলএনজি পেয়ে যাই তখন আমরা আপনার currentডিভের মধ্যে প্রদর্শিত করব :

google.maps.event.addListener(myMarker, 'dragend', function(evt){
    document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>';
});

google.maps.event.addListener(myMarker, 'dragstart', function(evt){
    document.getElementById('current').innerHTML = '<p>Currently dragging marker...</p>';
});

শেষ অবধি, আমরা আমাদের চিহ্নিতকারীকে কেন্দ্র করব এবং এটি মানচিত্রে প্রদর্শন করব:

map.setCenter(myMarker.position);
myMarker.setMap(map);

আমার উত্তর সম্পর্কে আপনার যদি কোনও প্রশ্ন থাকে তবে আমাকে জানান।

Question 3

var lat = marker.getPosition().lat();
var lng = marker.getPosition().lng();

গুগল ম্যাপস এপিআই - ল্যাটল্যাং- এ আরও তথ্য পাওয়া যাবে

Question 4

আপনি শুধু বলতে পেরেছিলাম getPosition()উপরMarker - আপনি যে চেষ্টা করছেন?

আপনি অবচিত, জাভাস্ক্রিপ্ট এপিআই এর v2 করছেন, তাহলে আপনি কল করতে পারেন getLatLng()উপরGMarker ।

Question 5

এটা চেষ্টা কর

var latlng = new google.maps.LatLng(51.4975941, -0.0803232);
var map = new google.maps.Map(document.getElementById('map'), {
    center: latlng,
    zoom: 11,
    mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: 'Set lat/lon values for this property',
    draggable: true
});

google.maps.event.addListener(marker, 'dragend', function (event) {
    document.getElementById("latbox").value = this.getPosition().lat();
    document.getElementById("lngbox").value = this.getPosition().lng();
});

Question 6

// show the marker position //

console.log( objMarker.position.lat() );
console.log( objMarker.position.lng() );

// create a new point based into marker position //

var deltaLat = 1.002;
var deltaLng = -1.003;

var objPoint = new google.maps.LatLng( 
  parseFloat( objMarker.position.lat() ) + deltaLat, 
  parseFloat( objMarker.position.lng() ) + deltaLng
);

// now center the map using the new point //

objMap.setCenter( objPoint );

Question 7

আপনার চিহ্নিতকারীকে একটি শ্রোতা যুক্ত করা উচিত এবং ড্র্যাগ বা ড্রেজেন্ড ইভেন্টটি শুনতে হবে এবং আপনি যখন এই ইভেন্টটি পাবেন তখন ইভেন্টটির অবস্থানটি জিজ্ঞাসা করুন।

দেখুন http://code.google.com/intl/fr/apis/maps/documentation/javascript/reference.html#Marker মার্কার দ্বারা আলোড়ন সৃষ্টি ঘটনা বর্ণনার জন্য। এবং ইভেন্ট শ্রোতাদের যুক্ত করার জন্য পদ্ধতিগুলির জন্য http://code.google.com/intl/fr/apis/maps/docamentation/javascript/references.html#MapsEventListener দেখুন ।

Question 8

var map = new google.maps.Map(document.getElementById('map_canvas'), {
  zoom: 10,
  center: new google.maps.LatLng(13.103, 80.274),
  mapTypeId: google.maps.MapTypeId.ROADMAP
});

var myMarker = new google.maps.Marker({
  position: new google.maps.LatLng(18.103, 80.274),
  draggable: true
});

google.maps.event.addListener(myMarker, 'dragend', function(evt) {
  document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>';
});
google.maps.event.addListener(myMarker, 'dragstart', function(evt) {
  document.getElementById('current').innerHTML = '<p>Currently dragging marker...</p>';
});
map.setCenter(myMarker.position);
myMarker.setMap(map);

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    x.innerHTML = "Geolocation is not supported by this browser.";
  }
}

function showPosition(position) {
  document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + position.coords.latitude + ' Current Lng: ' + position.coords.longitude + '</p>';
  var myMarker = new google.maps.Marker({
    position: new google.maps.LatLng(position.coords.latitude, position.coords.longitude),
    draggable: true
  });
  google.maps.event.addListener(myMarker, 'dragend', function(evt) {
    document.getElementById('current').innerHTML = '<p>Marker dropped: Current Lat: ' + evt.latLng.lat().toFixed(3) + ' Current Lng: ' + evt.latLng.lng().toFixed(3) + '</p>';
  });
  google.maps.event.addListener(myMarker, 'dragstart', function(evt) {
    document.getElementById('current').innerHTML = '<p>Currently dragging marker...</p>';
  });
  map.setCenter(myMarker.position);
  myMarker.setMap(map);
}
getLocation();

#map_canvas {
  width: 980px;
  height: 500px;
}

#current {
  padding-top: 25px;
}

<script src="http://maps.google.com/maps/api/js?sensor=false&.js"></script>
<!DOCTYPE html>
<html lang="en">

<head>

</head>

<body>
  <section>
    <div id='map_canvas'></div>
    <div id="current">
      <p>Marker dropped: Current Lat:18.103 Current Lng:80.274</p>
    </div>
  </section>


</body>

</html>

স্নিপেট প্রসারিত করুন

Question 9

এই প্রশ্নের অনেকগুলি উত্তর রয়েছে, যা কখনই আমার পক্ষে কাজ করেনি (গেটপজিশনের পরামর্শ সহ) (যা মার্কার্স অবজেক্টগুলির জন্য উপলব্ধ কোনও পদ্ধতি বলে মনে হয় না)। V3 মানচিত্রে আমার জন্য একমাত্র পদ্ধতিটি হ'ল (সহজভাবে):

var lat = marker.lat();
var long = marker.lng();