2011-05-30 23 views
6

वी 3 एपीआई के साथ कोड।मानचित्र प्रदर्शित नहीं होता है Google मानचित्र API V3

function initialize() 
{ 
    if (GBrowserIsCompatible()) 
    { 
     var ch = new GLatLng (0,0); 

     var myOptions = { 
      zoom:7, 
      center: ch, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 

     map = new google.maps.Map(document.getElementById("map"), myOptions); 

     directionsDisplay = new google.maps.DirectionsRenderer(map, document.getElementById("map")); 
     directionsDisplay.setMap(map);     
    } 
} 

वी 2 एपीआई के साथ कोड।

function initialize() 
{ 
    if (GBrowserIsCompatible()) 
    { 
     map = new GMap2 (document.getElementById("map")); 
     map.setCenter (new GLatLng(0,0),1); 
    } 
} 

V2 API कोड दोषरहित काम किया, वी 3 एपीआई कोड नहीं किसी भी नक्शे प्रदर्शित कर रहा है। क्या बात है कि मुझे याद आ रही है?

संपादित इस प्रकार वी 3 कोड संशोधित, लेकिन अभी भी कोई नक्शे:

var chicago = new google.maps.LatLng (0, 0); 

var myOptions = { 
    zoom:1, 
    center: chicago, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

map = new google.maps.Map(document.getElementById("map"), myOptions); 

उत्तर

13

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

यहाँ अपनी पोस्ट संपादित कोड के साथ एक वेब पेज है। कोशिश करो। मेरे लिये कार्य करता है।

<html> 
<head> 
<title>Google Map test</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
</head> 
<body> 
<div id="map" style="height:500px;width:500px"></div> 
<script> 
var chicago = new google.maps.LatLng (0, 0); 

var myOptions = { 
    zoom:1, 
    center: chicago, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 

map = new google.maps.Map(document.getElementById("map"), myOptions); 
</script> 
</body> 
</html> 
+0

@ रे @ wong2 अंत में यह हल हो गया है, मैं आपकी सभी मदद के बिना नहीं कर सका! समस्या यह पंक्ति थी '

1

वी 3 में, नाम बदल गए हैं। उदाहरण के लिए, GLatLng अब google.maps.LatLng है। नए नामों का उपयोग करने के लिए आपको अपने कोड को संशोधित करने की आवश्यकता होगी।

मामले में एक link to the docs आप इसे

+0

धन्यवाद लेकिन इससे कुछ भी नहीं बदला गया :(मानचित्र अभी भी प्रदर्शित नहीं हुए हैं! –

+0

ठीक है, मैंने अभी-अभी 'अगर (GBrowserIscompatible()) कथन को पूरी तरह से फेंक दिया है, फिर भी कोई बदलाव नहीं है। मुझे वास्तव में यह संपत्ति चाहिए: http: // code.google.com/apis/maps/documentation/javascript/reference.html#DirectionsRoute शायद एक गूंगा सवाल V2 पर उपलब्ध यह है? –

+0

, लेकिन आप निश्चित है कि document.getElementById ("मानचित्र") वास्तव में एक डोम तत्व की खोज कर रहे हैं ?।। – Ray

1

v3 में कोई GLatLng नहीं है की जरूरत नहीं है google.maps.LatLng

center: chicago, 
+0

मैं कोड ऊपर संपादित किया है, लेकिन यह :( –

+0

@AnishaKaul मदद नहीं की: मैं मैंने अपना उत्तर – wong2

+0

अपडेट किया है मैंने कोशिश की, मदद नहीं की :(यह डॉक्टर इसे उद्धरण के बिना भी दिखाता है: http://code.goog le.com/apis/maps/documentation/javascript/tutorial।एचटीएमएल # हैलोवर्ल्ड –

0

मुझे वही लक्षण थे, मेरे वी 2 मानचित्र V3 के साथ प्रदर्शित नहीं होंगे। जब मैं ब्राउज़र कंसोल लॉग में देखता हूं, तो मुझे त्रुटि दिखाई दे रही है: Uncaught संदर्भित त्रुटि: GBrowserIsIncompatible को परिभाषित नहीं किया गया है।

प्रति Google V2 to V3 Migration Guide, GBrowserIsIncompatible अब समर्थित नहीं है। मुझे कोई विकल्प नहीं मिला है और इस फ़ंक्शन से संबंधित तर्क को हटा दिया है। यह site suggests just removing the function

मैं माइग्रेट जो ऊपर गूगल माइग्रेशन मार्गदर्शिका कड़ी में संबोधित कर रहे हैं के साथ अन्य समस्याओं पाया।

0

1- सुनिश्चित करें कि आपकी गूगल मानचित्र एपीआई कुंजी सही है।

2- यह आपके Google मानचित्र कंसोल में सक्षम नहीं हो सकता है।

3- मानचित्र API के बजाय स्थान API को गलत तरीके से सक्षम किया गया।

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