Maps in articles
What you can do is to remove the <noscript> section, and the alert that you’d normally throw for a non-compatible browser. Instead, initially create the map <div> with zero size, like this.
<div id=”map” style=”width: 0px; height: 0px”></div>
var m = document.getElementById(“map”);
m.style.height = “400px”;
m.style.width = “500px”;
var map = new GMap2(m);
Instant maps with the Google Wizard
Google provides a Wizard which will generate a chunk of code that you can add to your own web page.
Here’s an example
Maps generated by the Wizard only show a single marker, and you don’t get any control over the contents of the info window.
The generated map will also have a Google AJAX Search API box, and direction finding (in a new maps.google.com window)
You don’t even have to sign up for an API key. The Wizard creates its own key for your domain.
The Wizard only works for locations that can be found with the Google AJAX Search API.
How to use it
- Go to the Wizard page and follow the three simple steps.
- Copy and paste the generated code into your own web page.Cut the code into two pieces. The bit that looks something like this can be placed anywhere on your page
The rest of the code should be placed just before the </body> at the bottom of your page.
- Double-click your page to test it, then upload it to your website.
You can make some minor changes to the behaviour and style of the map by studying the GSmapSearchControl documentation.