Ciao ragazzi, come faccio ad ingrandire l'infowindow che quando clicco sul marker compare?
Provate il codice, e vedrete che appena cliccate sul marker, l'infowindow che compare è piccolissima e si legge a malapena quello scritto. Come faccio a farla diventare tipo un BOX quadrato?
Grazie mille, ( se non trovate i marker, guardate dalle parti di modena, che sono li)codice:<!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8> <meta name="viewport" content="width=620"> <title>HTML5 Demo: La tua posizione:</title> <link rel="stylesheet" href="css/html5demos.css"> <script src="js/h5utils.js"></script></head> <body> <header> <h1>La tua posizione:</h1> </header> <meta name="viewport" content="width=620" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <article> <p>Cercando la tua posizione...: <span id="status">Sto cercando...</span></p> </article> <script> function success(position) { var s = document.querySelector('#status'); if (s.className == 'success') { // not sure why we're hitting this twice in FF, I think it's to do with a cached result coming back return; } s.innerHTML = "Trovato!"; s.className = 'success'; var mapcanvas = document.createElement('div'); mapcanvas.id = 'mapcanvas'; mapcanvas.style.height = '300px'; mapcanvas.style.width = '300px'; document.querySelector('article').appendChild(mapcanvas); var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude); var myOptions = { zoom: 14, center: latlng, mapTypeControl: false, navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL}, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById("mapcanvas"), myOptions); var marker = new google.maps.Marker({ position: latlng, map: map, title:"Tu sei qui! (at least within a "+position.coords.accuracy+" meter radius)" }); var locations = [ ['Ipercoop', 44.645199, 10.939838], ['nammt', 44.645199, 10.939845] ]; var infowindow = new google.maps.InfoWindow(); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map, title: 'Your geolocation', icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png' }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } } function error(msg) { var s = document.querySelector('#status'); s.innerHTML = typeof msg == 'string' ? msg : "failed"; s.className = 'fail'; // console.log(arguments); } if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(success, error); } else { error('not supported'); } try { var pageTracker = _gat._getTracker("UA-1656750-18"); pageTracker._trackPageview(); } catch(err) {}</script> </body> </html>

Rispondi quotando