Gå til innhold

Hvordan bytte marker til egen i Google Maps?

uranus

Anbefalte innlegg

uranus

uranus

Skrevet
Skrevet (endret)

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 av uranus

Videoannonse

Videoannonse
Annonse
  • 2 uker senere...
rodolfo

rodolfo

Skrevet
Skrevet

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 :)

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...