i have tried this code
<html><head><script
src="http://maps.googleapis.com/maps/api/js"></script><script>function
initialize() {var mapProp = {
center:new google.maps.LatLng(41.63, -1),
zoom:5,
mapTypeId:google.maps.MapTypeId.ROADMAP};var map=new
google.maps.Map(document.getElementById("googleMap"), mapProp);}
google.maps.event.addDomListener(window, 'load',
initialize);</script></head><body><div id="googleMap"
style="width:500px;height:380px;"></div>
</body>
</html>
and it worked perfectly displaying the google maps image, but i have
integrated this work to a bigger project made with Marionette and Jade, it
shows : Uncaught TypeError: Cannot read property 'maps' of undefined and
doesn't charge whole the files of google Maps( like :
http://maps.googleapis.com/maps-api-v3/api/js/23/5/map.js.) in my views.js
i have wrote:
mod.mapTemplate = Marionette.ItemView.extend({
template:_.template($('#actors-map-template').html()),
initialize: function () {
var mapProp = {
center: new google.maps.LatLng(41.63, -1),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById(
'googleMap'), mapProp);},
onRender: function () {
google.maps.event.addDomListener(window, 'load', this.initialize);}});
and in my jade page :
#googleMap(style='width:500px;height:380px;')
the script is added in other file with all the scripts that are initialized
of the whole app, i can't change the architecture, it is not mine.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-maps-js-api-v3+unsubscr...@googlegroups.com.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
Visit this group at https://groups.google.com/group/google-maps-js-api-v3.
For more options, visit https://groups.google.com/d/optout.