2012-06-20 8 views
6

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

प्रश्न 1: क्या एचटीएमएल एम्बेड कोड को बदलना संभव है जो Google दूसरे स्थान के लिए मानचित्र मार्कर प्रदर्शित करने के लिए प्रदान करता है?

प्रश्न 2 (केवल अगर ऊपर का उत्तर "हां" है): कैसे?

कुछ नमूने यहां एम्बेड कोड गूगल देता है:

<iframe width="920" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small> 
+0

ठीक है आप अपने प्रत्येक स्थान और जानकारी के साथ दो अलग-अलग मानचित्र दिखा सकते हैं ताकि ग्राहक जानता हो कि प्रत्येक के लिए दो अलग-अलग स्थान और अलग-अलग संपर्क जानकारी हैं। – gabeio

+0

हां, यह मेरी गिरावट की योजना थी, लेकिन आदर्श रूप से इसे एक मानचित्र पर रखना चाहते हैं। – guptron

उत्तर

11

आप कर सकते हैं My Places का उपयोग करके, इसे एक और तरीका प्राप्त करें। - उस पर क्लिक करें

  1. Google नक्शे में, Get Directions बगल में नोटिस My Places बटन: यहाँ इस लक्ष्य को हासिल करने के लिए कदम हैं। बाएं पैनल
  2. में Create a Map पर
  3. क्लिक करें निर्दिष्ट करें एक शीर्षक और वर्णन (अपने कार्यालयों शायद के बारे में कुछ), फिर सहेजें मारा।
  4. अब खोज बार में अपने दो स्थानों की खोज करें।
  5. बाएं पैनल पर परिणाम सूची के नीचे पर क्लिक करें, और उस मानचित्र को निर्दिष्ट करें जिसे आप सहेजना चाहते हैं (शीर्षक जिसे आपने पहले सेट किया था)।
  6. यह दोनों स्थानों के लिए करें, फिर एम्बेड करें टूल का उपयोग करें जैसे कि आप आमतौर पर अपना नक्शा एम्बेड करना चाहते हैं।
+0

हां, यह काम करता है, लेकिन आपको मेरा स्थान कस्टम मानचित्र बनाने के लिए Google में साइन इन करने की आवश्यकता है।और बाद में, जब नक्शा वेबसाइट पर एम्बेड किया जाता है, यदि कोई उपयोगकर्ता मानचित्र मार्कर पर क्लिक करता है, तो पॉप-अप की जानकारी वाले बबल में उस मानचित्र के निर्माता के मेरे स्थान (और निर्माता का नाम दिखाता है) का एक लिंक होता है। क्या इसे निजी रखने का कोई तरीका है? – guptron

+0

अरे, मैं यहां आपकी समस्या को फिर से बनाने में सक्षम नहीं हूं (http://jsfiddle.net/svigna/AFWge/) .. "मेरे स्थान" शो का एकमात्र समय नीचे है जहां यह पूछता है कि 'यादृच्छिक देखें बड़ा नक्शा '। –

+0

जब मैं 'बड़े मानचित्र में यादृच्छिक देखें' पर क्लिक करता हूं तो यह मुझे आपके द्वारा बनाए गए मानचित्र पर ले जाता है, और यह कहता है "20 जून को बनाया गया"। क्या आपको यह नक्शा बनाने के लिए साइन इन करना होगा? जब मैंने कोशिश की, मुझे साइन इन करना पड़ा। या आप इसे अज्ञात बनाने के लिए क्या किया? – guptron

0

Google मेरे मानचित्र पर अपना कार्यालय स्थान सहेजने और फिर iframe की href में नक्शे के लिंक का पता उपलब्ध कराने का प्रयास करें

6

मुझे आपके प्रश्न के उत्तर के बारे में निश्चित नहीं है, लेकिन Google एपीआई बहुत सुविधाजनक और सीखने के लिए अपेक्षाकृत आसान है।

मार्कर बनाना वास्तव में केवल 3 लाइनों, नए मार्कर, मार्कर की स्थिति और मानचित्र का उपयोग करने की आवश्यकता है। जेएस में एकाधिक मार्करों के साथ एक नक्शा बनाना अपेक्षाकृत कम है। यहां एक नमूना है।

function initialize() { 
    var myOptions = { 
     zoom: 4, 
     center: new google.maps.LatLng(-25.363882, 131.044922), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById('map_canvas'), 
     myOptions); 

    var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     map: map, 
    }); 
    var marker2 = new google.maps.Marker({ 
     position: new google.maps.LatLng(35, 96), 
     map: map, 
    }); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

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

फ़्यूज़न टेबल एपीआई का उपयोग करके थोड़ा और उन्नत उदाहरण यहां दिया गया है, लेकिन वहां बहुत सी शानदार विशेषताएं हैं जिनका उपयोग आप मार्करों के अलावा कर सकते हैं। https://developers.google.com/fusiontables/docs/samples/infowindow_driving_directions

+0

धन्यवाद, मैं इसे आज़माउंगा, लेकिन इसे स्वीकार नहीं कर सकता क्योंकि यह विशेष रूप से "एपीआई के बिना" प्रश्न का उत्तर नहीं देता है। – guptron

+2

मुझे पता है। जैसा कि मैंने पहले कहा था, एपीआई सीखना आसान है और एपीआई का उपयोग करने से आप इस स्थिति में आसानी से और कोड और फीचर्स जोड़ सकते हैं, जिससे आप कभी भी अपने मानचित्र को आगे बढ़ाना चाहते हैं। अब एपीआई का उपयोग न करके, आपको अंततः अपने सभी कोड को फिर से लिखना पड़ सकता है यदि आप अपने मानचित्र के लिए और अधिक सुविधाएं चाहते हैं। – krikara

संबंधित मुद्दे