google-maps - google map maker



কিভাবে একটি ঠিকানা একটি Google মানচিত্র লিংক রূপান্তর করতে হবে(এমএপি নয়) (10)

আমার এমন একই সমস্যা ছিল যেখানে আমাকে সাইটের প্রতিটি ঠিকানা (প্রতিটি ঠিকানা ট্যাগে মোড়ানো) এর জন্য এটি সম্পাদন করতে হবে। JQuery এর এই বিট আমার জন্য কাজ করে। এটি প্রতিটি <address> address <address> ট্যাগটি ধরবে এবং ট্যাগটিতে রয়েছে এমন ঠিকানা সহ গুগল ম্যাপস লিঙ্কটিতে এটি মোড়ানো হবে!

$("address").each(function(){

    var address = $(this).text().replace(/\,/g, '');
    var url = address.replace(/\ /g, '%20');

    $(this).wrap('<a href="http://maps.google.com/maps?q=' + url +'"></a>');

}); 

কাজের উদাহরণ -> https://jsfiddle.net/f3kx6mzz/1/

https://code.i-harness.com

কিছুক্ষন ধরে ওয়েবে (গুগলিং) দেখার পরে আমি এমন কিছু খুঁজে পাচ্ছি না যা একটি ঠিকানা নেয়:

1200 পেনসিলভানিয়া এভি এসই, ওয়াশিংটন, কলম্বিয়ার জেলা 20003

এবং এটি একটি ক্লিকযোগ্য লিঙ্ক মধ্যে রূপান্তর:

http://maps.google.com/maps?f=q&source=s_q&hl=en&q=1200+Pennsylvania+Ave+SE,+Washington,+District+of+Columbia,+20003&sll=37.0625,-95.677068&sspn=44.118686,114.169922&ie=UTF8&cd=1&geocode=FT5MUQIdIDlp-w&split=0&ll=38.882147,-76.99017&spn=0.01064,0.027874&z=16&iwloc=A

jQuery বা পিএইচপি পছন্দসই বা এই উপর কোনো দরকারী তথ্য।


আমি শুধু এই পাওয়া এবং ভাগ করতে চান ..

  1. maps.google.com এ আপনার ঠিকানা অনুসন্ধান করুন
  2. নীচের ডানদিকে গিয়ার আইকনে ক্লিক করুন
  3. ক্লিক করুন "ভাগ বা এমবেড মানচিত্র"
  4. সংক্ষিপ্ত url চেকবাক্সটি ক্লিক করুন এবং ফলাফলটি আটকে দিন ..


কিভাবে এই সম্পর্কে?

https://maps.google.com/?q=1200 পেনসিলভানিয়া এভি এসই, ওয়াশিংটন, কলম্বিয়ার জেলা, 20003

https://maps.google.com/?q=term

আপনার যদি ল্যাট-লম্বা থাকে তবে নীচে URL ব্যবহার করুন

https://maps.google.com/?ll=latitude,longitude

উদাহরণ: maps.google.com/?ll=38.882147,-76.99017

হালনাগাদ

২017 সাল নাগাদ, ক্রস প্ল্যাটফর্ম গুগল ম্যাপস ইউআরএল তৈরির জন্য গুগল এখন একটি সরকারী উপায় রয়েছে:

https://developers.google.com/maps/documentation/urls/guide

আপনি মত লিঙ্ক ব্যবহার করতে পারেন

https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003 

ফেব্রুয়ারী 2016:

আমি ক্লায়েন্ট উপর ভিত্তি করে ডাটাবেস মান প্রবেশ এবং একটি ল্যাটি / দীর্ঘ জেনারেটরের ছাড়া এটি করতে হবে। গুগল সত্যিই এই দিন লট / দীর্ঘ পছন্দ। এখানে আমি শিখেছি:

1 লিংকটির শুরু এই রকম দেখাচ্ছে: https://www.google.com/maps/place/

2 তারপর আপনি আপনার ঠিকানা দিন:

  • একটি স্থান পরিবর্তে ব্যবহার করুন।
  • সামনে এবং পিছনে শহর, একটি কমা রাখুন।
  • পোস্টাল / জিপ এবং প্রদেশ / রাষ্ট্র অন্তর্ভুক্ত করুন।
  • কোন # দিয়ে কিছু প্রতিস্থাপন করুন।
  • + + বা ++++ একক + দিয়ে প্রতিস্থাপন করুন

3 জায়গা পরে ঠিকানা রাখুন /

4 তারপর শেষে একটি স্ল্যাশ করা।

দ্রষ্টব্য: শেষে স্ল্যাশ গুরুত্বপূর্ণ ছিল। ব্যবহারকারী লিঙ্কটি ক্লিক করার পরে, Google এগিয়ে যায় এবং URL এ আরো যোগ করে এবং তারা এই স্ল্যাশের পরে এটি করে।

এই প্রশ্নের জন্য কাজ উদাহরণ:

https://www.google.ca/maps/place/1200+Pennsylvania+Ave+SE,+Washington,+DC+20003/

আমি আশা করি এটি সাহায্য করবে.


মাইকেল জ্যাসপার এবং জন হেন্ডারশট এর সমাধানগুলির থেকে ঋণ নেওয়া, আমি নিম্নলিখিত প্রস্তাব দিচ্ছি:

$('address').each(function() {
    var text = $(this).text();

    var q    = $.trim(text).replace(/\r?\n/, ',').replace(/\s+/g, ' ');
    var link = '<a href="http://maps.google.com/maps?q=' + encodeURIComponent(q) + '" target="_blank"></a>';

    return $(this).wrapInner(link);
});

এই সমাধান পূর্বে দেওয়া সমাধানগুলির উপর নিম্নলিখিত সুবিধাগুলি প্রদান করে:

  • এটি <address> address <address> মধ্যে HTML ট্যাগগুলি (উদাহরণস্বরূপ ট্যাগগুলি) সরাবে না, তাই ফর্ম্যাটিং সংরক্ষণ করা হয়
  • এটি সঠিকভাবে ইউআরএল এনকোড করে
  • এটি অতিরিক্ত স্পেসগুলি স্কোয়াশ করে যাতে জেনারেট হওয়া URLটি ক্ষুদ্র এবং পরিচ্ছন্ন এবং এনকোডিংয়ের পরে মানব-পাঠযোগ্য
  • এটি বৈধ মার্কআপ তৈরি করে (Mr.Hendershot এর সমাধান <a><address></address></a> address <a><address></address></a> address <a><address></address></a> যা অবৈধ, কারণ <a><address></address></a> ব্লক-লেভেল উপাদানগুলি <a><address></address></a> address <a><address></address></a> হিসাবে ইনলাইন উপাদানের মধ্যে অনুমতি নেই <a>

ক্যাভিট : আপনার <address> address <address> ট্যাগটিতে <p> বা <div> মতো ব্লক-স্তর উপাদান রয়েছে, তাহলে এই JavaScript কোডটি অবৈধ মার্কআপে উত্পন্ন হবে (কারণ <a> ট্যাগটিতে সেই ব্লক-স্তর উপাদানগুলি থাকবে)। কিন্তু আপনি শুধু এই মত স্টাফ করছেন:

<address>
  The White House
  <br>
  1600 Pennsylvania Ave NW
  <br>
  Washington, D.C.  20500
</address>

তারপর এটা ঠিক সূক্ষ্ম কাজ করব।


সবচেয়ে ভাল উপায় এই লাইন ব্যবহার করা হয়:

var mapUrl = "http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"

প্রয়োজনে প্রথম এবং দ্বিতীয় ঠিকানা প্রতিস্থাপন মনে রাখবেন।

আপনি কাজের নমুনা তাকান করতে পারেন


সি # প্রতিস্থাপন পদ্ধতি সাধারণত আমার জন্য কাজ করে:

foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");

আমি জানি খেলাটি খুব দেরি করে ফেলেছি, কিন্তু ভাবলাম আমি জন্মতারিখের জন্য অবদান রাখব।

আমি একটি ছোট jQuery ফাংশন লিখেছিলাম যা স্বয়ংক্রিয়ভাবে কোনও <address> ট্যাগগুলি Google মানচিত্র লিঙ্কগুলিতে চালু করবে।

এখানে একটি ডেমো দেখুন।

$(document).ready(function () {
   //Convert address tags to google map links - Michael Jasper 2012
   $('address').each(function () {
      var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
      $(this).html(link);
   });
});

বোনাস:

আমি এমন একটি পরিস্থিতি জুড়ে এসেছিলাম যা লিঙ্কগুলি থেকে এমবেডেড মানচিত্র তৈরির জন্য ডাকা হয়েছিল এবং যদিও আমি ভবিষ্যতে ভ্রমণকারীদের সাথে ভাগ করে নেব:

একটি সম্পূর্ণ ডেমো দেখুন

$(document).ready(function(){
    $("address").each(function(){                         
        var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no'  marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&amp;q="+ encodeURIComponent( $(this).text() ) +"&amp;output=embed'></iframe>";
        $(this).html(embed);             
    });
});

http://maps.google.com/maps?q=<?php echo urlencode($address); ?> 

এনকোড আপনার কনভার এবং স্পেস এবং সব জন্য মত অতিরিক্ত অতিরিক্ত উপাদান যোগ করে। তাই আপনি সহজেই ডিবি থেকে প্লেনে পাঠ্য কোড আনতে পারেন এবং এটি যোগ করার জন্য বিশেষ অক্ষরগুলি সম্পর্কে বিরক্ত না করে এটি ব্যবহার করতে পারেন





google-maps-urls