Revision: 46883
Updated Code
at June 6, 2011 19:37 by marzsman
Updated Code
<script type="text/javascript">
var network = [];
network.push({title:"{title}",address:"<div class='infowindow'><h3>{title}</h3>{network_street}<br/> - {network_zip} {network_city}<br/>{network_country}<a href='{network_url}'>{network_url}</a></div>",lat:{network_lat},lng:{network_lng}});
</script>
//////////////////////////////
var map,markers=[],bounds,infowindow;
function initialize() {
var myLatlng = new google.maps.LatLng(51.05866,3.713379);
var myOptions = {
zoom: 8,
center: myLatlng,
streetViewControl: false,
scrollwheel:false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("gmap"), myOptions);
infowindow = new google.maps.InfoWindow();
bounds = new google.maps.LatLngBounds();
mapReady();
}
function mapReady() {
for(var i=0;i<network.length;i++){
addPoint(network[i]);
}
map.setCenter( bounds.getCenter(), map.fitBounds(bounds));
}
function addPoint(data) {
var point = new google.maps.LatLng(data.lat,data.lng);
var marker = new google.maps.Marker({
position: point,
map: map,
title: data.title
});
markers.push(marker);
bounds.extend(point);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
infowindow.setContent(data.address);
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
Revision: 46882
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 27, 2011 03:53 by marzsman
Initial Code
<script type="text/javascript">
var network = [];
network.push({title:"{title}",address:"<div class='infowindow'><h3>{title}</h3>{network_street}<br/> - {network_zip} {network_city}<br/>{network_country}<a href='{network_url}'>{network_url}</a></div>",lat:{network_lat},lng:{network_lng}});
</script>
//////////////////////////////
var map;
var markers=[];
var bounds;
function initialize() {
var myLatlng = new google.maps.LatLng(51.05866,3.713379);
var myOptions = {
zoom: 8,
center: myLatlng,
streetViewControl: false,
scrollwheel:false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("gmap"), myOptions);
bounds = new google.maps.LatLngBounds();
mapReady();
}
function mapReady() {
for(var i=0;i<network.length;i++){
addPoint(network[i]);
}
map.setCenter( bounds.getCenter(), map.fitBounds(bounds));
}
function addPoint(data) {
var point = new google.maps.LatLng(data.lat,data.lng);
var marker = new google.maps.Marker({
position: point,
map: map,
title: data.title
});
markers.push(marker);
bounds.extend(point);
var infowindow = new google.maps.InfoWindow({
content:data.address
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
function loadScript() {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
Initial URL
Initial Description
A complete Google maps example with multiple markers and infowindows
Initial Title
Full Google maps
Initial Tags
Initial Language
JavaScript