Al enige tijd ben ik bezig om het script van google maps iets extra's te laten weergeven, echter ben ik de wanhoop nabij, dus nu maar de vraag aan jullie of jullie mij zouden kunnen helpen.
Ik heb het script van google maps zo ingesteld dat als je op mijn site op een adres klikt dat google maps netjes het adres laat zien.
Echter geeft de info balloon alleen het adres weer. Ik wil dat de infoballoon de naam van het pand dat gevestigd is op dat adres weergeeft.
In de url staat het volgende:
google-maps.php?adres=Lijndenweg 25+1948 ND Beverwijk&land=NL&message=Middelkoop Beverwijk BV
Nu moet dus op de een of andere manier de 'message' uit de url in de balloon weergegeven worden net zoals nu al met het adres gebeurd.
Wie kan mij hiermee helpen?
Alvast bedankt voor de moeite.
Hieronder het script dat ik gebruik hiervoor:
//Dit is de code die je van google hebt gekregen (als je die nog niet hebt, kun je hem hier: http://www.google.com/apis/maps/signup.html aanvragen)
$code = 'mijn google code';
//Dit is het adres waarmee de pagina wordt geopend, en dit adres wordt ook getoond als er een onbekend adres ingegeven wordt
$eigenadres = 'Wijkermeerweg Beverwijk';
/*
Hieronder kun je aangeven in welke mode de kaart moet staan.
Als je alleen de kaarten wilt zien, gebruik dan 'G_NORMAL_MAP'
Als je alleen de satelietbeelden wilt zien, gebruik dan 'G_SATELLITE_MAP'
Als je zowel de kaarten als de satelietbeelden wilt zien, gebruik dan 'G_HYBRID_MAP'
*/
$soort = 'G_HYBRID_MAP';
//Hoever wil je inzoomen? 1 is Mondiaal niveau, 100 is verst ingezoomd. (google standaard waarde: 15)
$zoom = 16;
?>
<style type="text/css">
body {
font: Arial;
margin: 0;
padding: 0;
overflow: hidden;
}
label {
padding-left: 10px;
}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=<?=$code ?>" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var _myWidth;
var _myHeight;
var map = null;
var geocoder = null;
var mgr = null;
function load(adres) //de hoofdfunctie
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
mwh();
geocoder = new GClientGeocoder();
showAddress(adres + " NL");
}
}
function showAddress(address)
{
if (geocoder)
{
geocoder.getLatLng(address,
function(point)
{
if (!point) //als het adres niet gevonden is
{
alert(address + " Niet gevonden"); //geef een alert
load('<?=$eigenadres ?>'); //en doe het standaard adres
}
else
{
map.setCenter(point, <?=$zoom; ?>, <?=$soort;?>);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
// belangrijke hulpfunctie
function ge(idname)
{
var element = document.getElementById(idname);
return element;
}
// ----- mousewheel
function zoom(oEvent, s)
{
if(s == -120)
{
map.zoomOut();
}
if(s == 120)
{
map.zoomIn();
}
}
function mwh()
{
var d = ge('map');
if (d)
{
try
{
if (document.body.addEventListener)
{
d.addEventListener('DOMMouseScroll', function(oEvent) {zoom(oEvent, oEvent.detail * -40); }, false);
}
else
{
d.onmousewheel = function() { zoom(event, event.wheelDelta); return false; }
}
}
catch (ex) {}
}
}
//]]>
</script>
</head>
<body onLoad="load('<?=!empty($_GET['adres']) ? htmlentities($_GET['adres']) : $eigenadres; ?>')" onUnload="GUnload()" topmargin="0" leftmargin="0">
<div id="map" style="width: 650; height: 400px">
</div>
Ik heb het script van google maps zo ingesteld dat als je op mijn site op een adres klikt dat google maps netjes het adres laat zien.
Echter geeft de info balloon alleen het adres weer. Ik wil dat de infoballoon de naam van het pand dat gevestigd is op dat adres weergeeft.
In de url staat het volgende:
google-maps.php?adres=Lijndenweg 25+1948 ND Beverwijk&land=NL&message=Middelkoop Beverwijk BV
Nu moet dus op de een of andere manier de 'message' uit de url in de balloon weergegeven worden net zoals nu al met het adres gebeurd.
Wie kan mij hiermee helpen?
Alvast bedankt voor de moeite.
Hieronder het script dat ik gebruik hiervoor:
//Dit is de code die je van google hebt gekregen (als je die nog niet hebt, kun je hem hier: http://www.google.com/apis/maps/signup.html aanvragen)
$code = 'mijn google code';
//Dit is het adres waarmee de pagina wordt geopend, en dit adres wordt ook getoond als er een onbekend adres ingegeven wordt
$eigenadres = 'Wijkermeerweg Beverwijk';
/*
Hieronder kun je aangeven in welke mode de kaart moet staan.
Als je alleen de kaarten wilt zien, gebruik dan 'G_NORMAL_MAP'
Als je alleen de satelietbeelden wilt zien, gebruik dan 'G_SATELLITE_MAP'
Als je zowel de kaarten als de satelietbeelden wilt zien, gebruik dan 'G_HYBRID_MAP'
*/
$soort = 'G_HYBRID_MAP';
//Hoever wil je inzoomen? 1 is Mondiaal niveau, 100 is verst ingezoomd. (google standaard waarde: 15)
$zoom = 16;
?>
<style type="text/css">
body {
font: Arial;
margin: 0;
padding: 0;
overflow: hidden;
}
label {
padding-left: 10px;
}
</style>
<script src="http://maps.google.com/maps?file=api&v=2&key=<?=$code ?>" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var _myWidth;
var _myHeight;
var map = null;
var geocoder = null;
var mgr = null;
function load(adres) //de hoofdfunctie
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
mwh();
geocoder = new GClientGeocoder();
showAddress(adres + " NL");
}
}
function showAddress(address)
{
if (geocoder)
{
geocoder.getLatLng(address,
function(point)
{
if (!point) //als het adres niet gevonden is
{
alert(address + " Niet gevonden"); //geef een alert
load('<?=$eigenadres ?>'); //en doe het standaard adres
}
else
{
map.setCenter(point, <?=$zoom; ?>, <?=$soort;?>);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
// belangrijke hulpfunctie
function ge(idname)
{
var element = document.getElementById(idname);
return element;
}
// ----- mousewheel
function zoom(oEvent, s)
{
if(s == -120)
{
map.zoomOut();
}
if(s == 120)
{
map.zoomIn();
}
}
function mwh()
{
var d = ge('map');
if (d)
{
try
{
if (document.body.addEventListener)
{
d.addEventListener('DOMMouseScroll', function(oEvent) {zoom(oEvent, oEvent.detail * -40); }, false);
}
else
{
d.onmousewheel = function() { zoom(event, event.wheelDelta); return false; }
}
}
catch (ex) {}
}
}
//]]>
</script>
</head>
<body onLoad="load('<?=!empty($_GET['adres']) ? htmlentities($_GET['adres']) : $eigenadres; ?>')" onUnload="GUnload()" topmargin="0" leftmargin="0">
<div id="map" style="width: 650; height: 400px">
</div>