2012-10-12 22 views
6

में 3 मानचित्र प्रकार प्रदर्शित करने में असमर्थ मैं Google मानचित्र में नया हूं।
मैं मानचित्र में तीन अलग-अलग मानचित्र प्रकारों (मानचित्र, उपग्रह, हाइब्रिड) के साथ Google मानचित्र प्रदर्शित करना चाहता हूं।Google मानचित्र

कि मैं की तरह

function initialize() { 
    var mapOptions = { 
    center: new google.maps.LatLng(35.02, 111.02), 
    zoom: 8, mapTypeControlOptions: { 
    mapTypeIds: [google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE,google.maps.MapTypeId.HYBRID] 
    }, 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); 

कोड लिख रहा हूँ लेकिन इसके बाद के संस्करण कोड के साथ मैं केवल प्रदर्शित मानचित्र और नक्शे में उपग्रह मानचित्र प्रकार कर रहा हूँ। तीसरा नक्शा प्रकार हाइब्रिड मानचित्र में प्रदर्शित नहीं हो रहा है। जब भी मैं उपग्रह प्रकार पर क्लिक करता हूं तो मुझे लेबल जैसे विकल्प मिल रहा है। इसलिए मैं उपग्रह के तहत लेबल विकल्प प्रदर्शित नहीं करना चाहता हूं।

+0

यह ऑफ-विषय है, लेकिन पिछली कॉमा को हटाएं जो आईई में एक त्रुटि फेंक देगा: 'mapTypeId: google.maps.MapTypeId.ROADMAP,' – duncan

उत्तर

4

ऐसा लगता है कि आपके पास अपने मानचित्र पर 4 MapTypeId लेबलों में से केवल 2 हो सकते हैं।

लेकिन आप किसी भी समय

map.setMapTypeId(google.maps.MapTypeId.HYBRID) 

की स्थापना करके hybrid करने के लिए नक्शे के लिए मजबूर किया जा सकता है सकते हैं कि यह उपयोगकर्ता के लिए एक कड़ी, एक बटन, एक टिमर, अपने कोड के अंत में, आदि

पर क्लिक

जांच इस jsfiddle: http://jsfiddle.net/RASG/vDLfs/

ddd


मैंने अभी Google समूह पर कुछ नया खोजा है।

जब आप mapTypeIds करने के लिए google.maps.MapTypeId.HYBRID जोड़ सकते हैं और आप पहले से ही बजाय दोनों विकल्पों नक्शे अब "लेबल" जब आप अपना माउस ले जाएंगे "उपग्रह" नामक एक विकल्प जोड़ने गूगल दिखाने का, google.maps.MapTypeId.SATELLITE है।

प्रभाव वी 2 में "संकर" विकल्प का न होना ही है।

जांच अद्यतन jsfiddle: http://jsfiddle.net/RASG/vDLfs/6/

eee

+0

आपके उत्तर के लिए धन्यवाद .. मुझे भी आपके जैसा समाधान मिला उल्लेख किया। लेकिन मेरे ग्राहक इसे मानचित्र के अंदर प्रदर्शित करना चाहते हैं। उन्होंने संस्करण 2 का उपयोग किया है जहां वे इसे मानचित्र के अंदर बनाने में सक्षम थे। अब वे इसे संस्करण 3 –

+0

पर अपग्रेड करना चाहते हैं जानकारी के लिए धन्यवाद। –

+0

@ कृष्णासाविथ आपका स्वागत है। समाचार को अपने ग्राहक को फैलाएं :) – RASG

6

मैप्स v3 हमेशा इन बटनों में से प्रत्येक के लिए चार उपलब्ध mapTypeIds (हाइब्रिड, ROADMAP, सैटेलाइट, इलाके) दो बटन में प्लस एक चेकबॉक्स गाढ़ा होगा। तो उपग्रह + हाइब्रिड आप एक लेबल चेकबॉक्स और योजना + इलाके के साथ एक उपग्रह बटन आप एक भू-भाग चेकबॉक्स के साथ एक मानचित्र बटन दे देंगे दे देंगे।

कृपया ध्यान दें कि चेकबॉक्स को केवल दिखाया गया है जब आप एक सक्रिय बटन पर होवर करें, ताकि आप मानचित्र मोड में होना बटन के तहत भू-भाग चेकबॉक्स को देखने के लिए होगा और आप उपग्रह में होना चाहिए मोड लेबल देखने के लिए चेकबॉक्स!

यह देखने के लिए कि वहाँ वास्तव में है एक हाइब्रिड बटन interresting है, लेकिन यह केवल दिखाई देने लगता है जब आप बिना जोड़ने उपग्रह mapTypeIds को हाइब्रिड जोड़ें।टेरेन बटन के लिए भी यही सच है, जो केवल तेंदुए को सूची में जोड़ते समय दिखाई देता है, लेकिन रोडमैप नहीं है।

मानचित्र को स्विच करना TypeControlOptions.style बटन के बजाय एक ड्रॉपडाउन बॉक्स (DROPDOWN_MENU) पर स्विच करें (HORIZONTAL_BAR) परिणामस्वरूप ड्रॉपडाउन बॉक्स में दो से अधिक आइटम प्रकट नहीं करेगा। बस बटनों की तरह अधिकतम दो ड्रॉपडाउन आइटम और उनमें से प्रत्येक के लिए एक चेकबॉक्स होगा।

+0

... यदि आप बनाते हैं तो अपनी कस्टम शैली बनाएं उन्हें। – vaxquis

0

प्रदर्शन में Google धरती का नक्शा प्रकार जोड़ना रोडमैप के तहत TERRAIN विकल्प और SATELLITE के तहत HYBRID विकल्प को अक्षम करता है।