javascript - google maps marker as link api v3 -


how add links markers open new pages target="_self", found examples dont know how use in code, me pls

<script type="text/javascript">                 var mapa; // obiekt globalny              function dodajmarker(opcjemarkera)             {                 opcjemarkera.map = mapa;                 var marker = new google.maps.marker(opcjemarkera);             }              function mapastart()               {                   var wspolrzedne = new google.maps.latlng(58.699776,16.984863);                 var opcjemapy = {                     zoom: 6,                     center: wspolrzedne,                     maptypeid: google.maps.maptypeid.terrain,                     disabledefaultui: true,                     navigationcontrol: true, // kontrolka nawigacji     navigationcontroloptions:     {         style: google.maps.navigationcontrolstyle.small      }                 };                 mapa = new google.maps.map(document.getelementbyid("mapka"), opcjemapy);                  // wspólne cechy ikon                 var rozmiar = new google.maps.size(32,32);                 var rozmiar_cien = new google.maps.size(59,32);                 var punkt_startowy = new google.maps.point(0,0);                 var punkt_zaczepienia = new google.maps.point(16,16);                  // ikonki                 var ikona1 = new google.maps.markerimage("markers/marker1.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona2 = new google.maps.markerimage("markers/marker2.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona3 = new google.maps.markerimage("markers/marker3.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona4 = new google.maps.markerimage("markers/marker4.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona5 = new google.maps.markerimage("markers/marker5.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona6 = new google.maps.markerimage("markers/marker6.png", rozmiar, punkt_startowy, punkt_zaczepienia);                   var cien1 = new google.maps.markerimage("http://www.google.com/intl/en_all/mapfiles/shadow50.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);                  dodajmarker({position: new google.maps.latlng(58.203148,16.601637), icon: ikona1, shadow: cien1});                 dodajmarker({position: new google.maps.latlng(58.3902,16.7202),  icon: ikona2, shadow: cien1});                 dodajmarker({position: new google.maps.latlng(58.566667,15.166667),  icon: ikona3, shadow: cien1});                 dodajmarker({position: new google.maps.latlng(58.488553,16.928773), icon: ikona4, shadow: cien1 });                 dodajmarker({position: new google.maps.latlng(57.899804,16.408064),  icon: ikona5, shadow: cien1});                 dodajmarker({position: new google.maps.latlng(57.951087,16.55972),  icon: ikona6, shadow: cien1});                 }            </script>  

does first marker should ?? put url ??

function dodajmarker({position: new google.maps.latlng(58.203148,16.601637), icon: ikona1, shadow: cien1})                 {                     opcjemarkera.map = mapa;                     var marker = new google.maps.marker({position: new google.maps.latlng(58.203148,16.601637), icon: ikona1, shadow: cien1});                     google.maps.event.addlistener(marker, 'click', function() {                         window.location.href = marker.url;                     });                  } 

this code , dosent work

<script type="text/javascript">            <!--              var mapa; // obiekt globalny              function dodajmarker(opcjemarkera)             {                 opcjemarkera.map = mapa;                 var marker = new google.maps.marker(opcjemarkera);             }              function mapastart()               {                   var wspolrzedne = new google.maps.latlng(58.699776,16.984863);                 var opcjemapy = {                     zoom: 6,                     center: wspolrzedne,                     maptypeid: google.maps.maptypeid.terrain,                     disabledefaultui: true,                     navigationcontrol: true, // kontrolka nawigacji     navigationcontroloptions:     {         style: google.maps.navigationcontrolstyle.small      }                 };                 mapa = new google.maps.map(document.getelementbyid("mapka"), opcjemapy);                  // wspólne cechy ikon                 var rozmiar = new google.maps.size(32,32);                 var rozmiar_cien = new google.maps.size(59,32);                 var punkt_startowy = new google.maps.point(0,0);                 var punkt_zaczepienia = new google.maps.point(16,16);                  // ikonki                 var ikona1 = new google.maps.markerimage("markers/marker1.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona2 = new google.maps.markerimage("markers/marker2.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona3 = new google.maps.markerimage("markers/marker3.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona4 = new google.maps.markerimage("markers/marker4.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona5 = new google.maps.markerimage("markers/marker5.png", rozmiar, punkt_startowy, punkt_zaczepienia);                 var ikona6 = new google.maps.markerimage("markers/marker6.png", rozmiar, punkt_startowy, punkt_zaczepienia);                   var cien1 = new google.maps.markerimage("http://www.google.com/intl/en_all/mapfiles/shadow50.png", rozmiar_cien, punkt_startowy, punkt_zaczepienia);                  dodajmarker({position: new google.maps.latlng(58.203148,16.601637), icon: ikona1, shadow: cien1, url:'http://www.google.com'});                 dodajmarker({position: new google.maps.latlng(58.3902,16.7202),  icon: ikona2, shadow: cien1, url:'http://www.google.com'});                 dodajmarker({position: new google.maps.latlng(58.566667,15.166667),  icon: ikona3, shadow: cien1, url:'http://www.google.com'});                 dodajmarker({position: new google.maps.latlng(58.488553,16.928773), icon: ikona4, shadow: cien1, url:'http://www.google.com' });                 dodajmarker({position: new google.maps.latlng(57.899804,16.408064),  icon: ikona5, shadow: cien1, url:'http://www.google.com'});                 dodajmarker({position: new google.maps.latlng(57.951087,16.55972),  icon: ikona6, shadow: cien1, url:'http://www.google.com'});                 }         -->         </script> 

you this.

var marker = new google.maps.marker({   url: 'http://www.google.com/',   map: map });  google.maps.event.addlistener(marker, 'click', function() {   window.location.href = marker.url; }); 

code untested... thinking out loud!

to fit in existing code...

        function dodajmarker(opcjemarkera)         {             opcjemarkera.map = mapa;             var marker = new google.maps.marker(opcjemarkera);             google.maps.event.addlistener(marker, 'click', function() {                 window.location.href = marker.url;             });          } 

the main thing note marker variable referenced again in addlistener function.

dodajmarker({position: new google.maps.latlng(57.951087,16.55972),  icon: ikona6, shadow: cien1, url:'http://www.google.com'}); 

Comments