JavaScript Call - Google Maps

ironclaw · 03-09-2012 3:44pm #1

Hi Folks,

Probably a dead simple question but I can't seem to get it. I never really use JavaScript but I have to in this case. I'm following this tutorial (http://tips4php.net/2010/10/use-php-mysql-and-google-map-api-v3-for-displaying-data-on-map/) I have cut it into another piece I'm developing. Works great and I have GeoCoding working perfectly, however this line is annoying me:

<body onload="initMap()" style="margin:0px; border:0px; padding:0px;">

Is there anyway I can call initMap() in a different part of the page? Or failing that, call it 'onLoad' but have to display else where in the HTML doc?

Many Thanks.

Encrypted Pigeon · 03-09-2012 4:27pm

Not sure if this is what you are after but you can place it within a div, and place that div where ever you want.

https://developers.google.com/maps/documentation/javascript/tutorial#HelloWorld

In that example you posted the map is associated with the div "<div id="map"></div>" so just place that div where you want it.

GetWithIt · 04-09-2012 10:42am

body onload="initMap()"

Calling initMap() in the onload event of the body is about when the method is called. Your page will need to be rendered before you initialize your Map control. Where this control is placed is arbitrary.

05-09-2012 5:30pm

ironclaw wrote: »

Is there anyway I can call initMap() in a different part of the page? Or failing that, call it 'onLoad' but have to display else where in the HTML doc?

What do you mean it's "annoying" you? Adding a function call to the onload of the body just means that function will fire after the page is loaded. This is what you want to happen, this is what is supposed to happen, so what's the problem?

JavaScript Call - Google Maps

Comments