google-maps - गूगल मैप्स इंडिया street




नए Google मानचित्र एम्बेड से बॉक्स को कैसे हटाएं? (8)

आगे खोदने पर, आप जो करने का प्रयास कर रहे हैं वह है Google मानचित्र के प्लेसकार्ड को निकालना

पहले इसी तरह के प्रश्न का उत्तर दिया गया था: Google मानचित्र एम्बेड करें - प्लेस कार्ड निकालें

https://code.i-harness.com

Google ने बदल दिया है कि उनके आईफ्रेम कैसे काम करते हैं। अब शीर्ष बाईं ओर एक इन्फोबॉक्स है जो स्थान का नाम प्रदर्शित करने का प्रयास करता है। समस्या यह है कि यहां आयरलैंड में एक मानचित्र को इंगित करने के लिए व्यवसाय के नाम का उपयोग करना अक्सर असंभव होता है, और अक्सर आपको सड़क नाम इत्यादि का उपयोग करने की आवश्यकता होती है, जो बॉक्स के कार्यात्मक बेकार बनाता है क्योंकि सड़क के नाम पर ठीक है मानचित्र के साथ-साथ नक्शे के बगल में स्थित पृष्ठ पर भी!

मैं इस बात से कैसे छुटकारा पा सकता हूं? इस उदाहरण में व्यापार आयरिश कोच के समान इमारत में है। मानचित्र जोर देते हैं कि पते को डालकर, इस वकील को किसी कारण से आयरिश कोच के संभावित ग्राहकों को सूचित करना है!

मैंने iwloc की कोशिश की है लेकिन यह कुछ भी नहीं करता है, और मैं इसे सीएसएस और jQuery के माध्यम से प्रभावित नहीं कर सकता क्योंकि यह किसी अन्य डोमेन पर है!

कोई विचार?


आप जो चाहते हैं वह काफी नहीं है, लेकिन यदि आपका सॉलिसिटर का पता Google मानचित्र पर दिख रहा है, तो क्यों न केवल पते पर एक खोज के साथ एम्बेड करें।

<iframe 
width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/search?q=1873 Bachelors Walk, Dublin,
Ireland
&key=AIzaSyDsQc1PNQhYYVbGn9R4_vWY3SOlEKOM7JU">
</iframe>

http://jsfiddle.net/zE8tE/2/


इसने फरवरी 2017 के आसपास काम करना बंद कर दिया। उन्होंने अपने एपीआई को अपडेट किया होगा। :(

इसे आपको इसी तरह करना होगा!

कार्य संस्करण

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

मैंने किसी अन्य साइट के एम्बेड में एक पैटर्न देखा है जिसमें केवल "बड़ा नक्शा देखें" टेक्स्ट था और अतिरिक्त सामग्री में से कोई भी नहीं था। बस कुछ पात्रों को हटा दिया जाना था।

पूर्ण एम्बेड आपको दिया जाता है

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2381.7399040776495!2d-6.261147484122739!3d53.34791197997939!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O&#39;Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!3m2!1sen!2sus!4v1462581622087" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

यह वह हिस्सा है जिसे हटा दिया गया है

1m2!1s0x48670e84fbdd6bd3%3A0x998692b4f1b691e1!2sUlster+Bank+Chambers%2C+O&#39;Connell+Street+Lower%2C+Dublin+1%2C+Ireland!5e0!

मैंने इसे अन्य पते के लिए भी कोशिश की है।


बस रास्ते में गंतव्य दर्ज करें जैसे कि सड़क को व्यवस्थित करना और यह वैकल्पिक को हटा देगा ताकि आप अभी भी आईफ्रेम एम्बेड कर सकें


मध्य 2017, आप Google एपीआई नियंत्रण ध्वज disableDefaultUI में निर्मित का उपयोग कर सकते हैं

इस तरह इसका इस्तेमाल करें:

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    disableDefaultUI: true
  });
}

रेफरी: https://developers.google.com/maps/documentation/javascript/controls#DisablingDefaults

<iframe src="https://google-developers.appspot.com/maps/documentation/javascript/examples/full/control-disableUI" width="100%" height="300" frameborder="0"></iframe>


मेरा सरल समाधान: " एडब्लॉकप्लस " और " एडब्लॉकप्लस एलिमेंट हैडिंग हेल्पर " दोनों के साथ फ़ायरफ़ॉक्स का उपयोग करना, यह बॉक्स को पहचानने और इसे हटाने के लिए बहुत आसान है। यह तब तक वापस नहीं आएगा जब तक Google छुपा तत्व का नाम नहीं लेता (या आप तत्व छिपाने वाले नियम को हटाते हैं)। यह विधि हमारी किसी भी पसंदीदा वेबसाइट से लगभग किसी भी तत्व को हटाने के लिए भी काम करती है - मैं अक्सर कई पृष्ठों से सभी प्रकार की क्रूड को हटाने के लिए इसका उपयोग करता हूं। इस तकनीक का उपयोग करने के लिए महसूस करने के लिए कुछ अभ्यास लेता है - लेकिन यह खूबसूरती से काम करता है। और, घोस्टरी और एडब्लॉक प्लस का संयोजन स्वर्ग से एक उपहार है।


यह काम करता है जब आप व्यवसाय नाम के बजाय निर्देशांक का उपयोग करते हैं, 1/22/2018 के रूप में

  1. अपने समन्वय प्राप्त करने के लिए मानचित्र Ie पर जाएं
  2. Google मानचित्र पर जाएं और उन निर्देशांक दर्ज करें (अल्पविराम इस तरह से अलग: 33.319663, -111.89780100000002)
  3. शेयर पर क्लिक करें (बाईं ओर स्थित)
  4. एम्बेड मानचित्र पर क्लिक करें
  5. इच्छित मानचित्र के आकार को कॉन्फ़िगर करें
  6. एचटीएमएल कॉपी करें

एचटीएमएल का परिणाम इस तरह कुछ है:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.967410377096!2d-111.89998968453055!3d33.31966746342457!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2sus!4v1516690469899" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>


यहां दो जवाब मिल गए हैं, एक जो जानकारी बॉक्स से छुटकारा पाता है और वह जो जानकारी बॉक्स में सही जगह पाने का उत्तर दे सकता है। उम्मीद है कि उनमें से एक मदद करता है।

जानकारी बॉक्स को हटा रहा है

CAVEAT: यहां विधि को "हैक" माना जा सकता है और यदि Google अपनी अंतर्निहित एम्बेड कार्यक्षमता बदलता है तो बदल सकता है।

मैं यहां एक समान उत्तर की तलाश कर रहा हूं और, दूसरों ने जो कहा है, उसके आधार पर, मैं इसके साथ आया हूं। उत्तर दूसरों के समान है, लेकिन उम्मीद है कि एम्बेड यूआरएल के बारे में कुछ चीजें बताती हैं और कैसे लेट, लांग और ज़ूम (सीएमएस में किसी स्थान प्लगइन से प्राप्त हो सकती है) का उपयोग करके एक एम्बेड यूआरएल उत्पन्न करती है।

इस पोस्ट का उपयोग खोज के आधार के रूप में करते हुए, मुझे कुछ अलग-अलग पोस्ट मिलते हैं जो एम्बेड पैरामीटर के टूटने की रूपरेखा देते हैं, जो खुद में दिलचस्प पढ़ते हैं: - Google मानचित्र एम्बेडेड पैरामीटर को डीकोड करना , जिसके कारण यहां http://blog.themillhousegroup.com/2016/08/deep-diving-into-google-pb-embedded-map.html

मैंने उन लेखों से क्या खींचा (मैं यहां सबकुछ समझाऊंगा) "पीबी" पैरामीटर का टूटना था। "पीबी" एक मालिकाना (?) प्रारूप है और "एम" एक मैट्रिक्स संदर्भ है। यहां दिखाया गया है Google मानचित्र एम्बेड साझा से उत्पन्न एम्बेड कोड का एक उदाहरण है।

<iframe src="https://www.google.com/maps/embed?pb=
    !1m18
        !1m12
            !1m3
                !1d2256.8774176856136
                !2d145.01353351606252
                !3d-37.79291244062522
            !2m3
                !1f0
                !2f0
                !3f0
            !3m2
                !1i1024
                !2i768
                !4f13.1
        !3m3
            !1m2
                !1s0x0%3A0x0
                !2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI
    !5e0
    !3m2
        !1sen
        !2suk
    !4v1532346966021
" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

चारों ओर खेलकर, मैंने पाया कि पूरा "पीबी" पैरामीटर को सरल बनाया जा सकता है

<iframe src="https://www.google.com/maps/embed?pb=
    !1m7
        !1m2
            !1m1
                !1d2256.8774176856136
        !3m3
            !1m2
                !1s0
                !2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI
" width="450" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

नोट: "मैट्रिक्स" में कम आइटम इंगित करने के लिए "एम" के बाद की संख्या में कमी आई है

यह एम्बेड ऊपर लेट = -37.7929167 , लंबे = 145.0157222 और ज़ूम = 17 पर किसी स्थान के लिए है

जैसा कि किसी अन्य उत्तर में सूचित किया गया है, ऐसा लगता है कि यदि आप केवल अक्षांश और देशांतर (इस एम्बेड एपीआई के साथ, एम्बेड स्थान एपीआई के साथ नहीं) का उपयोग करते हैं, तो जानकारी बॉक्स दिखाई नहीं देगा, लेकिन मुझे यह जानने की आवश्यकता है कि एम्बेड किए बिना एम्बेड यूआरएल कैसे प्राप्त करें एक शेयर से यूआरएल उत्पन्न करने के लिए पहले Google के माध्यम से।

"पीबी" तोड़ने के लिए, ध्यान देने के लिए कुछ भाग हैं

  • नक्शा पैमाने 1 डी 2256.8774176856136
  • समन्वय 2zLTM3Ljc5MjkxNjcgMTQ1LjAxNTcyMjI

स्केल कुछ एल्गोरिदम से प्राप्त किया जा सकता है जो मैंने यहां पाया है https://gis.stackexchange.com/questions/7430/what-ratio-scales-do-google-maps-zoom-levels-correspond-to और यहां https://www.esri.com/arcgis-blog/products/product/mapping/how-can-you-tell-what-map-scales-are-shown-for-online-maps/

लेकिन मैंने पाया कि यह उन नंबरों के लिए बिल्कुल सही नहीं था जिनकी मैं अपेक्षा कर रहा था, इसलिए मैंने मुझे देने के लिए ज़ूम स्तर को झुकाया

var mapScale = 591657550.5 / Math.pow( 2, zoom + 1);
// The results of this goes after the "1d" part in the map scale

निर्देशांक के लिए, परिणामी स्ट्रिंग प्राप्त करने के लिए अक्षांश और लंबे समय तक बेस 64 (जावास्क्रिप्ट के लिए दिखाया गया उदाहरण) का उपयोग करें। मैंने इसे दशमलव डिग्री और डिग्री मिनट सेकंड प्रारूप दोनों का उपयोग करके काम किया है।

var base64 = btoa([lat,long]); // lazy "lat,long" formatting
// the result of this goes after the "2z" part in the coordinate

यदि आप इसे स्क्रिप्ट करना चाहते हैं, तो आईफ्रेम उत्पन्न करने के लिए जावास्क्रिप्ट का उपयोग करके एक सरल उदाहरण यहां दिया गया है, लेकिन आप शायद संपूर्ण src सर्वर-पक्ष बनाना चाहते हैं। कृपया ध्यान दें: यह जावास्क्रिप्ट समाधान के बारे में नहीं है, यह एक स्क्रिप्ट समाधान का एक उदाहरण है।

    // create the iframe and with the required properties.
    var iframe = document.createElement("iframe");
    iframe.width = 450;
    iframe.height = 450;
    iframe.frameborder = 0;
    iframe.style.border = 0;
    iframe.setAttribute('allowFullScreen', '')
    document.body.appendChild(iframe)
    
    // sample lat and long.
    var lat = -37.7929167;
    var long = 145.0157222;
    var zoom = 17;
    
    // get the scale
    var mapScale = 591657550.500000 / Math.pow( 2, zoom+1);
    // get the base64 representation
    var base64 = btoa([lat,long]); // lazy "long,lat" formatting
    // set the source of the iframe
    iframe.src = 'https://www.google.com/maps/embed?key=asdfsdfsf&pb=!1m7!1m2!1m1!1d' + mapScale + '!3m3!1m2!1s0!2z' + base64;

मैंने यहां मूल एम्बेड, मिनी एम्बेड एम्बेड, स्केल के बिना एक एम्बेड, और लिखित समाधान दिखाते हुए कोडपेन पर एक उदाहरण बनाया है। https://codepen.io/mcgern/pen/zLZJmQ

जानकारी बॉक्स में सही स्थान का नाम

हो सकता है कि आपने पहले ही यह कोशिश की हो, लेकिन यदि आप जिस व्यवसाय को रखना चाहते हैं, उसके पास Google स्थल आईडी है, तो आप इसे https://developers.google.com/places/place-id का उपयोग करके ढूंढ पाएंगे। एक बार जब आप स्थान आईडी प्राप्त कर लेंगे, तो आप उस जगह यूआरएल को इस तरह एम्बेड कर सकते हैं

<iframe width="600" height="450" frameborder="0" style="border:0"
src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ02vd- 
4QOZ0gR4ZG28bSShpk&key=<INSERT_API_KEY>" allowfullscreen></iframe>

(मुझे बस एक यादृच्छिक जगह मिली जो ऐसा लगता है कि यह आयरिश कोच के समान इमारत है)





google-maps