Witam korzystając z przykładu kolegi chciałbym opalić markerCluster na mapie i za chiny nie potrafię tego zrobić... Czy ktoś może powiedzieć co jest źle w kodzie (IMG:
style_emoticons/default/questionmark.gif)
<code=php>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mapka próbna...</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script src="script/markerclusterer.js" type="text/javascript"></script>
</head>
<body onload="mapaStart()">
<script type="text/javascript">
var mapa;
var dymek = new google.maps.InfoWindow();
var markerCluster;
function dodajMarker(lat,lng,txt)
{
// tworzymy marker
var opcjeMarkera =
{
position: new google.maps.LatLng(lat,lng),
map: mapa
}
var marker = new google.maps.Marker(opcjeMarkera);
marker.txt=txt;
google.maps.event.addListener(marker,"click",function()
{
dymek.setContent(marker.txt);
dymek.open(mapa,marker);
});
return marker;
}
function mapaStart()
{
var wspolrzedne = new google.maps.LatLng(52.04, 19.28);
var opcjeMapy = {
zoom: 6,
center: wspolrzedne,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
mapa = new google.maps.Map(document.getElementById("mapka"), opcjeMapy);
markerCluster = new MarkerCluster(mapa);
var marker1 = dodajMarker(53.439068183003684,14.518346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA A<br/>53.439068183003684');
var marker2 = dodajMarker(53.42235902258507,14.489099979400635,'<strong>NAZWA FIRMY:</strong><br /> FIRMA B<br/>53.42235902258507');
var marker3 = dodajMarker(54.439068183003684,15.518346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_AD<br/>54.439068183003684');
var marker4 = dodajMarker(52.439068183003684,18.518346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS<br/>52.439068183003684');
var marker5 = dodajMarker(52.139068183003684,18.118346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS1<br/>52.139068183003684');
var marker6 = dodajMarker(51.139068183003684,18.118346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS12<br/>51.139068183003684');
var marker7 = dodajMarker(51.339068183003684,18.318346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS123<br/>51.339068183003684');
var marker8 = dodajMarker(51.839068183003684,18.818346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS1234<br/>51.839068183003684');
var marker9 = dodajMarker(51.739068183003684,18.728346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS12345<br/>51.739068183003684');
var marker10 = dodajMarker(51.739068183003684,17.728346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>51.739068183003684');
var marker11 = dodajMarker(51.839068183003684,17.928346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>51.839068183003684');
var marker12 = dodajMarker(53.839068183003684,18.928346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>53.839068183003684');
var marker13 = dodajMarker(52.839068183003684,14.928346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>52.839068183003684');
var marker14 = dodajMarker(52.839068183003684,15.928346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>52.839068183003684');
var marker15 = dodajMarker(52.839068183003684,16.928346786499023,'<strong>NAZWA FIRMY:</strong><br /> FIRMA_ADS443<br/>52.839068183003684');
}
</script>
<div id="selektor" style="width: 100%; height: 50px; background: green;">
TUTAJ BĘDĄ POLA SELEKCJI
</div>
<div id="mapka" style="width: 100%; height: 500px;">
<!-- tu będzie mapa -->
</div>
<p id="info">
Wiele markerów, każdy z własnym opisem i inną ikoną.
</p>
</body>
</html>