Google मानचित्र v3 के Google उदाहरण के साथ खाली स्क्रीन

I copied the code from Google but I have a blank page... What did I do wrong ? http://raidsnature.com/raidsnature/raidsnature.nsf/googlemap4

आपका बहुत बहुत धन्यवाद !

PS : "Google Maps API v3" is activated and the API key (activated on Apr 30, 2013 12:42 PM) is the one which still works on my old page v2 : http://raidsnature.com/raidsnature/raidsnature.nsf/GoogleMap?OpenPage&Raid=1&Trail=1&CO=1

यहां वह कोड है जो काम नहीं करता है:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Simple Map</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">

    <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCklzGa0v5sp8cWNLXnEZph20tKa_rXups&sensor=false" type="text/javascript"></script>

    <script>
var map;
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>
0
आपके मानचित्र-कैनवास div का आकार नहीं है। stackoverflow.com/…
जोड़ा लेखक geocodezip, स्रोत

1 उत्तर

आप Google के उदाहरण का सीएसएस हिस्सा खो रहे हैं, जो (जैसा कि geocodezip ने कहा) नक्शा कैनवास आकार को परिभाषित करेगा, लेकिन आपको html और body ऊंचाई को परिभाषित करने की भी आवश्यकता है।

Google के हैलो वर्ल्ड उदाहरण को उद्धृत करने के लिए:


This CSS declaration indicates that the map container (named map-canvas) should take up 100% of the height of the HTML body. Note that we must specifically declare those percentages for <body> and <html> as well.

पूरा कार्य उदाहरण Google मानचित्र API दस्तावेज़ पर जा सकता है (चाल दूसरे टैब पर "जावास्क्रिप्ट + एचटीएमएल")।

0
जोड़ा