<script src="http://maps.google.com/maps?file=api&v=2.x&key=ABQIAAAAsBd_zk43S-L0i0bRez36EhRLQvthqHzrHTxePs0gnbxNOWTvkRR6gZ1Zz5WWTY1D_t79BmOvZSd5pw" type="text/javascript"></script>
<script type="text/javascript">
var map = null;
var geocoder = null;
// variables de Kml
var geoXml = new GGeoXml("http://api.flickr.com/services/feeds/groups_pool.gne?id=322338@N20&format=rss_200&georss=1");
var toggleState = 1;
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.setCenter(new GLatLng(41.392392, 2.194734), 15);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(address,function(point) {
if (!point) {
alert(address + " no encontrado.");
} else {
map.setCenter(point, 15);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
// funciones Kml
function toggleMyKml() {
if (toggleState == 1) {
map.removeOverlay(geoXml);
toggleState = 0;
} else {
map.addOverlay(geoXml);
toggleState = 1;
}
}
</script>
<script type="text/javascript">
onload_calls +="initialize();";
</script>
<div>
<form action="#" onsubmit="showAddress(this.address.value); return false">
<p>
<input type="text" size="60" name="address" value="Doctor Trueta 54, Barcelona">
<input type="submit" value="Go!">
</p>
<div id="map_canvas" style="width: 500px; height: 300px"></div>
<br>
<input type="button" value="Toggle Markers" onClick="toggleMyKml();">
<br>
</form>
</div>
