Databases
StackOverflow2013
Postsdbo
POgoogle maps marker as link api v3
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POgoogle maps marker as link api v3
    text
    copied!<p>how to add links to the markers to open new pages with target="_self", i found some examples but i dont know how to use it in my code, do help me pls</p> <pre><code>&lt;script type="text/javascript"&gt; 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}); } &lt;/script&gt; </code></pre> <p>does the first marker should look like this ?? where to put url ??</p> <pre><code>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; }); } </code></pre> <p>this is my code and it dosent work</p> <pre><code>&lt;script type="text/javascript"&gt; &lt;!-- 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'}); } --&gt; &lt;/script&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload