Hvordan bytte marker til egen i Google Maps?

uranus · 6. januar 2008

Hei!

Jeg prøver å bytte ut den kjedelige standard markøren i Google Maps til egen ikon.

Jeg prøvder dette:

marker.icon("images/posten.gif");

Det funker ikke, fortsatt den gamle.

Noen som vet hvordan jeg definerer en ny?

Her er hele koden:

	<script src="http://maps.google.com/maps?file=api&v=2&hl=no&key=ABQIAAAAZ-Hdsa4D68GkgShbeve83hT82lkHhI8K49Emgx9nkaV6faVePhSM-egILMDY0BqEb1JTNPOG716tew"
  type="text/javascript"></script>



<script type="text/javascript">

//<![CDATA[


  var geocoder;
  var map;

  var restaurant = "<?php echo trim($sisteby[1][1]); ?>";
  var address = "<?php echo trim($sisteby[1][1]); ?>, Norge";



  // On page load, call this function

  function load()
  {
  // Create new map object
  map = new GMap2(document.getElementById("map"));

  // Create new geocoding object
  geocoder = new GClientGeocoder();

  // Retrieve location information, pass it to addToMap()
  geocoder.getLocations(address, addToMap);
  }

  // This function adds the point to the map

  function addToMap(response)
  {
  // Retrieve the object
  place = response.Placemark[0];

  // Retrieve the latitude and longitude
  point = new GLatLng(place.Point.coordinates[1],
					  place.Point.coordinates[0]);

  // Center the map on this point
  map.setCenter(point, 13);

  // Zoom
  map.setZoom(3);

  // Create a marker
  marker = new GMarker(point);

  // Add the marker to map
  map.addOverlay(marker);

  // Add address information to marker
  marker.openInfoWindowHtml(place.address);

  marker.icon("images/posten.gif");


  }

//]]>
</script>

 <body onload="load()" onunload="GUnload()">
<div id="map" style="width: 350px; height: 350px"></div>

Endret 6. januar 2008 av uranus

Loomy · 6. januar 2008

1. Hvor har du marker.icon() fra? Aldri sett før :S

2. Relative URLer fungerer dårlig i GMaps, du må bruke full URL med http:// og det hele

3. Egne marker-ikoner er nok litt mer innviklet enn bare å kalle på én funksjon: http://code.google.com/apis/maps/documenta...ml#Custom_Icons

uranus · 6. januar 2008

Bare prøvde noe jeg så på en annen side.

Jeg får det hvertfall ikke til.

rodolfo · 19. januar 2008

Hey! Fått byttet ikonet enda?

Jeg er ikke helt sjef i hvordan api'et til google maps er lagt opp, men har byttet standard ikonet i et par løsninger jeg har implementert.

Du må lage et nytt ikon ved å definere en variabel som inneholder ikonet ditt og til slutt må du definere din "marker" med to variabler - punktet og selve ikonet.

Eks under legger opp to bilder, et for ikonet og en for skyggen...

var icon = new GIcon();

icon.image = "http://www.mittdome.no/ikon.png";	
icon.shadow = "http://www.mittdomene.no/ikonskygge.png";
icon.shadowSize = new GSize(24, 27);	  
icon.iconSize = new GSize(14, 29);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

marker = new GMarker(point, icon);

Håper du får løst problemet

Logg inn

Hvordan bytte marker til egen i Google Maps?

Anbefalte innlegg

uranus

Videoannonse

Loomy

uranus

rodolfo

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer