The map i use now is at: http://www.corteccia.it/mappa_alberi_notevoli/ The two map i'll hope are: http://www.corteccia.it/wordpress/defEntry/phpsqlinfo_add.html http://www.corteccia.it/wordpress/mappaPamela/phpsqlajax_map_v3.html . With first map an user can add a tree, with the second anyone can visualize. Thank you.
On Mar 3, 11:19 am, Marco <[email protected]> wrote: > I use Pamela Fox code for my map. > Great, but i like use sidebar and i'm not a programmer. > Panic! > Anyone can help me? > Sorry for my english and thank you. > Marco. > > P.s. The code is: > <script type="text/javascript"> > //<![CDATA[ > > var customIcons = { > restaurant: { > icon: 'filePerBlog/forest.png', > > }, > bar: { > icon: 'filePerBlog/forest.png', > > } > }; > > function load() { > var map = new google.maps.Map(document.getElementById("map"), { > center: new google.maps.LatLng(41.895466,12.482324), > zoom: 13, > mapTypeId: 'roadmap', > scrollwheel: false > }); > var infoWindow = new google.maps.InfoWindow; > > // Change this depending on the name of your PHP file > downloadUrl("phpsqlajax_genxml2.php", function(data) { > var xml = parseXml(data); > var markers = > xml.documentElement.getElementsByTagName("marker"); > for (var i = 0; i < markers.length; i++) { > var name = markers[i].getAttribute("name"); > var address = markers[i].getAttribute("address"); > var foto = markers[i].getAttribute("foto"); > var type = markers[i].getAttribute("type"); > var point = new google.maps.LatLng( > parseFloat(markers[i].getAttribute("lat")), > parseFloat(markers[i].getAttribute("lng"))); > var html = '<div id="tooltip">'+ > '<div id="tooltipname"><p><strong>' + > name + > '</strong><br></div>' + > '<div id="tooltipfoto"><img src="gallery/mappa/' + > foto + > '.jpg"></div>' + > '<div id="tooltiptesto">' + > address + > '</div>' + > '</div>'; > var icon = customIcons[type] || {}; > var marker = new google.maps.Marker({ > map: map, > position: point, > icon: icon.icon, > shadow: icon.shadow, > title: name > }); > bindInfoWindow(marker, map, infoWindow, html); > } > }); > } > > function bindInfoWindow(marker, map, infoWindow, html) { > google.maps.event.addListener(marker, 'click', function() { > infoWindow.setContent(html); > infoWindow.open(map, marker); > }); > } > > function downloadUrl(url, callback) { > var request = window.ActiveXObject ? > new ActiveXObject('Microsoft.XMLHTTP') : > new XMLHttpRequest; > > request.onreadystatechange = function() { > if (request.readyState == 4) { > request.onreadystatechange = doNothing; > callback(request.responseText, request.status); > } > }; > > request.open('GET', url, true); > request.send(null); > } > > function parseXml(str) { > if (window.ActiveXObject) { > var doc = new ActiveXObject('Microsoft.XMLDOM'); > doc.loadXML(str); > return doc; > } else if (window.DOMParser) { > return (new DOMParser).parseFromString(str, 'text/xml'); > } > } > > function doNothing() {} > > //]]> > </script> -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
