Google Maps API map doesn’t appear [duplicate]

by

Give your map_canvas div a fixed width and height, and your example will work fine:

<div id="map_canvas" style="width: 500px; height: 400px;"></div>

Otherwise, set the height to your html and body as Google does in the API tutorials:

<style type="text/css"> 
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>

More Related Contents:

  1. Verify if a point is Land or Water in Google Maps
  2. Google Maps v3 – limit viewable area and zoom level
  3. Google Maps API v3: How to remove all markers?
  4. How do I limit panning in Google maps API V3?
  5. How to make cross-domain AJAX calls to Google Maps API?
  6. Google Maps JavaScript API RefererNotAllowedMapError
  7. Google Maps API – Getting closest points to zipcode
  8. Google maps API V3 – multiple markers on exact same spot
  9. Google Maps API v3: Can I setZoom after fitBounds?
  10. Midpoint of route in google maps
  11. How can I create numbered map markers in Google Maps V3?
  12. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  13. Display world map with no repeats
  14. Inconsistent behaviour drawing a route between two points in Google Maps v3
  15. Country specific zoom level in Google Maps API
  16. polyline snap to road using google maps api v3
  17. Multiple markers Google Map API v3 from array of addresses and avoid OVER_QUERY_LIMIT while geocoding on pageLoad
  18. Center Google Maps (V3) on browser resize (responsive)
  19. Google Maps Api v3 – getBounds is undefined
  20. Can I remove just the popup bubbles of POI’s in Google Maps API v3?
  21. Is there a way to Fix a Google Maps Marker to the Center of its Map always?
  22. How to detect if a point is in a Circle?
  23. Letting users draw curved lines on a google map?
  24. Google Maps: Auto close open InfoWindows?
  25. fitbounds() in Google maps api V3 does not fit bounds
  26. Highlight polygon and tint rest of map using Google Maps [duplicate]
  27. Custom Google Map API V3 Zoom Buttons
  28. Using Longitude/Latitude as Waypoint
  29. How to connect two points in Google map..?
  30. Google Maps API Multiple Markers with Infowindows

Leave a Comment