Intanto grazie per la tua disponibilità
la mia conoscenza è molto scarsa, tramite delle guide sono riuscito a tirare fuori questo codice che crea la mappa, un marker personalizzato e un pannello con le checkbox.
sarei molto grado se mi dassi le modifiche che devo apportare al mio codice per connettere le due cose
codice:
<title>Mappa</title>
<style type="text/css">
<!--
body,td,th {
color: #FF6614;
text-align: center;
}
#map { width:500px; height:300px; }
#tooltip { padding:10px; text-align:left; }
#tooltip p, #tooltip img { float:left; display:inline; padding:0; margin:0 10px 0 0; }
-->
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var initialize = function() {
var latlng = new google.maps.LatLng(37.17809059167483, 15.128270387649536);
var options = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), options);
var marker = new google.maps.Marker(
{
position: latlng,
map: map,
icon: 'http://google-maps-icons.googlecode.com/files/country.png',
flat: false
}
);
var tooltip = '<div id="tooltip">'+
'[img]images/comune.jpg[/img]'+
'
Comune di melilli
'+
'cap: 96010
'+
'provincia: Siracusa
'+
'nazione. Italia</p>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: tooltip
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
window.onload = initialize;
</script></head>
<body>
<div class="wrap clearfix">
<div class="header"> <marquee behavior="slide"> Al vostro servizio per la tutela e la salvaguardia del nostro territorio </marquee> </div>
<div class="topnav" id="nav">
<ul>[*]home[*]progetto[*]forum[*]MAPPA[*]sms[*]mail[/list]
</div>
<div class="container clearfix">
<div class="news_right clearfix" id="news">
<div class="news_cnr_top">[img]images/cnr_tl.gif[/img]</div>
CERCA A MELILLI</p>
<label>
// pannello di scelta marker da visualizzare
<input type="checkbox" name="GruppoCaselleDiControllo1" value="caselladicontrollo" id="GruppoCaselleDiControllo1_0" />
GROTTE
</label>
<label>
<input type="checkbox" name="GruppoCaselleDiControllo1" value="caselladicontrollo" id="GruppoCaselleDiControllo1_1" />
CAVA</label>
<label>
<input type="checkbox" name="GruppoCaselleDiControllo1" value="caselladicontrollo" id="GruppoCaselleDiControllo1_1" />
PUNTI PANORAMICI
</label>
<label>
<input type="checkbox" name="GruppoCaselleDiControllo1" value="caselladicontrollo" id="GruppoCaselleDiControllo1_1" />
RISTORANTI</label>
</p>