Google Maps v3, error message “Google is undefined”
Question
I am getting errors on my site just trying to implement the basic "Hello world" application:
<div id="map"></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
$(document).ready(function () {
map = new google.maps.Map(document.getElementById("map"), myOptions);
});
The error I get is:
'Uncaught ReferenceError: google is not defined'
How do I fix this problem?
3 answers
solution1
15 ACCPTED 2011-11-19 11:02:19
Your source is wrong, I also suggest specifing the exact version you want to load:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3&sensor=true"></script>
That should help.
solution2
2 2013-01-02 15:30:23
Sometimes this happens in the browser Google Chrome if your main site is in a https platform and the map is in a http. For showing the map you have a shield in URL box, just click the shield and it should show it.
solution3
2 2011-11-19 15:59:13
Lots of things from your code:
You have given
document.readybut there is nojQuerylinkYour
document.readyhas to be inside<script>tags</script>You should also have given the
heightandwidthto thedivin which you are holding the map, as such it is just an empty tag.You have defined myOptions for Map, and there is nothing to interpret for map as what are the options to be taken into consideration while loading the map**
Here is a Complete example:
<html>
<body>
<div id="map" style="width:500px;height:500px;"></div>
<script type="text/javascript" src="Please put your jquery here"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var myLatlng = new google.maps.LatLng(40.65, -73.95);
var myOptions = {
zoom: 13,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
$("document").ready(function () {
map = new google.maps.Map(document.getElementById("map"), myOptions);
});
</script>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.