কোনও গুগল ম্যাপস লিঙ্কে কোনও ঠিকানা কীভাবে রূপান্তর করবেন (মানচিত্রটি নয়)


296

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

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 & অর্থাত = UTF8 হওয়া & CD = 1 & জিওকোড = FT5MUQIdIDlp-W & বিভক্ত = 0 & করব = 38,882147, -76,99017 & SPN = 0.01064,0.027874 & Z = 16 & iwloc = একটি

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

উত্তর:


679

এ কেমন?

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

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

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

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

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

হালনাগাদ

2017 সালের হিসাবে, গুগলের এখন ক্রস-প্ল্যাটফর্ম গুগল ম্যাপস ইউআরএল তৈরি করার একটি সরকারী উপায় রয়েছে:

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 

7
অক্ষাংশ এবং দ্রাঘিমাংশের সাহায্যে আমি কীভাবে তৈরি করতে পারি?
নাদিম জিসি

4
মনে হয় ব্যবহারকারী নতুন গুগল ম্যাপ ব্যবহার করে থাকলে এই পদ্ধতিটি একটু ফ্লেকি। ফলাফলটি পৃষ্ঠাটিকে ক্লাসিক মোডে প্রদর্শিত হতে বাধ্য করে এমন একটি লিঙ্ক তৈরি করতে, কেবল &output=classicআপনার লিঙ্কে যুক্ত করুন। সুতরাং পুরো জিনিসটি দেখতে এই রকম হবে:http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic
ম্যাট

4
@ ম্যাট কেমন চলছে? এছাড়াও, আউটপুট = ক্লাসিক চিরকাল থাকবে না এবং যদি ব্যবহারকারী নতুন মানচিত্র পছন্দ করে?
ক্রিস বি

2
ইউআরএল এর মাধ্যমে মানচিত্রে ড্রপ পিন পাওয়ার কোনও উপায়?
ফ্লাইয়া

5
এখনও মহান (ধন্যবাদ @ChrisB!) কাজ করে কিন্তু এটি দেখে মনে হচ্ছে Google মানচিত্র নিজস্ব বিন্যাস এখন https://www.google.com/maps/place/1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003 ¶ কিছু অবস্থানে আপনি শুধু নাম ব্যবহার করে পার পেয়ে যাবে জন্য ... কিন্তু maps.google.com/?q=এবং www.google.com/maps/place/অগত্যা একই ফলাফল শূণ্য না: https://www.google.com/maps/place/White Houseবিস্তৃতি https://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500কিন্তু https://maps.google.com/?q=White Houseআমাকে এনসিতে একটি এন্টিক স্টোর দেয়
হেনরি

67

আমি জানি আমি খেলায় খুব দেরী করেছি, তবে ভেবেছিলাম উত্তরসূরির জন্য আমি অবদান রাখব।

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

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

$(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);             
    });
});

আপনার কোডটির জন্য @ মিশেল জ্যাস্পার থানেক্স ... এটি আমাকে ডিভের মানচিত্রটি পেয়েছে ... তবে আমার সমস্যাটি পিনআপের তথ্য হ'ল পপআপ ... যা আমি চাই না। সুতরাং আপনি কীভাবে পিন তথ্য বাক্স খুলবেন না আমাকে গাইড করতে পারেন ??????.thnx আগাম ...
শ্বেত

3
দয়া করে সচেতন হন যে HTML5 <address>ট্যাগটি ডাক ঠিকানা সরবরাহের উদ্দেশ্যে নয়, তবে সামগ্রীতে (সাধারণত লেখক) সম্পর্কিত যোগাযোগের তথ্য সরবরাহ করার উদ্দেশ্যে। বিকাশকারী.মোজিলা.আর.ইন-
ইউএস

দুর্দান্ত উত্তর! ভাগ করে নেওয়ার জন্য ধন্যবাদ. আমি এ সম্পর্কে পরিণতি সম্পর্কে নিশ্চিত নই তবে এটি ছাড়াও এটি কার্যকর হয়েছিল encodeURIComponent()
moreirapontocom

12

ফেব্রুয়ারী, ২০১::

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

1 লিঙ্কটির সূচনাটি দেখতে এইরকম দেখাচ্ছে: https://www.google.com/maps/pl/

2 তারপরে আপনি আপনার ঠিকানাটি লিখেছেন:

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

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

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

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

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

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

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


উদাহরণটি কাজ করার সময়, আমি এটি কোনও জার্মান ঠিকানার জন্য পুনরায় তৈরি করতে পারিনি। আমি ক্রিস বি এর উত্তর (... /? Q = টার্ম) প্রয়োগ করে শেষ করেছি।
gl03

ধন্যবাদ, এটি এখন জার্মান ঠিকানাগুলির জন্যও কাজ করছে। দেখুন: google.com/maps/place/…
ইয়ানিক শোচম্যান



2

মাইকেল জ্যাস্পার এবং জোন হেন্ডারশোটের সমাধানগুলি থেকে ধার করে আমি নিম্নলিখিতটি প্রস্তাব করি:

$('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);
});

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

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

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

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

তাহলে এটি ঠিক কাজ করবে।


আমি আমার প্রকল্পে আপনার সমাধানটি আমার প্রয়োজন অনুসারে আপনার কোডটি টুইট করে ব্যবহার করেছি। এটি আপাতত কাজ করে।
মাইকোডিংপ্রজেক্ট

2

এটি আমি গুগল ম্যাপের একটি নিবন্ধ থেকে পেয়েছি:

  1. গুগল ম্যাপস খুলুন ।
  2. মানচিত্রের উপরের মানচিত্র বা রাস্তার দৃশ্য চিত্রটি এম্বেড করাতে চান তা নিশ্চিত করুন।
  3. উপরের বাম কোণে, প্রধান মেনুতে ক্লিক করুন ☰
  4. ভাগ বা মানচিত্র এম্বেড ক্লিক করুন
  5. প্রদর্শিত বাক্সের শীর্ষে এম্বেড মানচিত্র ট্যাবটি নির্বাচন করুন ।
  6. আপনি যে আকারটি চান তা চয়ন করুন, তারপরে কোডটি অনুলিপি করুন এবং এটি আপনার ওয়েবসাইট বা ব্লগের উত্স কোডে আটকান।

দ্রষ্টব্য : আপনি যদি মানচিত্রকে লাইট মোডে ব্যবহার করেন তবে আপনি কোনও মানচিত্র এম্বেড করতে সক্ষম হবেন না। মনে রাখবেন যে এমবেড করা মানচিত্রে ট্র্যাফিক তথ্য এবং কিছু অন্যান্য মানচিত্রের তথ্য উপলব্ধ নাও হতে পারে।

এখানে চিত্র বর্ণনা লিখুন


এটা আমার জন্য কাজ করে. এই এম্বেড কোডটি অনুলিপি করুন এবং আপনার ওয়েবসাইটে পেস্ট করুন।
কবির হোসেন

1

উপর http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/ তারা একটি সংক্ষিপ্ত URL যে বেশ ভাল কাজ করে দেন

গুগল ম্যাপস ইউআরএলগুলি বিশেষত কোনও আইএম, টুইট বা ইমেল প্রেরণ করার সময় বেশ অনর্থক। MapOf.it আপনাকে অনুসন্ধানের প্যারামিটার হিসাবে কেবলমাত্র অবস্থানের ঠিকানা নির্দিষ্ট করে গুগল মানচিত্রে লিঙ্ক দেওয়ার দ্রুত উপায় সরবরাহ করে।

http://mapof.it/

আমি এটি কয়েকটি অ্যাপ্লিকেশন তৈরি করেছি যা আমি ডিজাইন করেছি এবং এটি একটি কবজির মতো কাজ করেছে।


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

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


1
এনকোডিউআরআইসি কম্পোনেন্টটি জাভাস্ক্রিপ্ট, আপনার ইউলেনকোড ($ ঠিকানা) ব্যবহার করা উচিত;
ximi

1

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

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"

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

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


1

আমার একই অনুরূপ সমস্যা ছিল যেখানে সাইটের প্রতিটি ঠিকানার জন্য আমাকে এটি সম্পাদন করতে হবে (প্রতিটি একটি ঠিকানা ট্যাগে আবৃত)। এই বিস্কুট আমার জন্য কাজ করেছিল। এটি প্রতিটি <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/


2
ম্যানুয়ালি ইউআরএল থেকে স্ট্রিং এড়িয়ে যাওয়ার চেষ্টা করার encodeURIComponentপরিবর্তে আপনি এর পরিবর্তে ব্যবহার করতে পারেন ।
স্যামুয়েল

0

এছাড়াও, যে কেউ নিজে নিজে ঠিকানাটি ইউআরএলএনসিইডি করতে চান: http://code.google.com/apis/maps/docamentation/webservices/index.html# বিল্ডিং URL গুলি

আপনি GM ব্যবহার করতে পারেন এমন নির্দিষ্ট বিধি তৈরি করতে এটি ব্যবহার করতে পারেন।


দুর্ভাগ্যক্রমে এটি এখন একটি 404 বাড়ে।
ড্যারেন মোহনাহান

1
দুঃখিত। এই মন্তব্যটি খুব পুরানো ... আমি সন্দেহ করি যে এপিআই-র এই সংস্করণটি ব্যবহৃত হয়েছিল সে সংস্করণটি এখনও প্রায় রয়েছে, তবে এখানে লিঙ্কটি উল্লেখ করা হয়েছে: web.archive.org/web/20110420023220/https:// কোড.google.com/apis/…
এড

0

সি # রিপ্লেস পদ্ধতিটি সাধারণত আমার পক্ষে কাজ করে:

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

0

আমি সবেমাত্র এটি পেয়েছি এবং ভাগ করতে চান ..

  1. মানচিত্র.google.com এ আপনার ঠিকানা অনুসন্ধান করুন
  2. নীচে ডানদিকে গিয়ার আইকন ক্লিক করুন
  3. "ভাগ করা বা এম্বেড মানচিত্র" ক্লিক করুন
  4. সংক্ষিপ্ত url চেকবক্সটি ক্লিক করুন এবং ফলাফলটি href এ আটকান ..
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.