javascript - Changing Google Maps V3 Maker Icon the correct way? - Stack Overflow

admin管理员组

文章数量:1291343

The code in example 1 works. I would like to understand the marker.setIcon(); function more (new to JavaScript also).

My question is. In the documentation for Google maps you see something like this for changing the marker.

MarkerImage(url:string, size?:Size, origin?:Point, anchor?:Point, scaledSize?:Size)

How does this relate to what I have done in example 1 for setting up marker Icon, shoud I have done somethign like this instead?

marker = google.maps.MarkerImage({
        url: "newIcon.png"
});

marker.setIcon(marker);

and would that have worked?

here is my example

Example 1

function initialize(){
//MAP

  var latlng = new google.maps.LatLng('xxx','xxx');
  var options = {
    zoom: 16,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };

  map = new google.maps.Map(document.getElementById("map_canvas"), options);

  //GEOCODER
  geocoder = new google.maps.Geocoder();

  marker = new google.maps.Marker({
    map: map,
    draggable: true
  });     

  marker.setPosition(latlng);
  marker.setIcon("newIcon.png");
  map.setCenter(latlng);

}

The code in example 1 works. I would like to understand the marker.setIcon(); function more (new to JavaScript also).

My question is. In the documentation for Google maps you see something like this for changing the marker.

MarkerImage(url:string, size?:Size, origin?:Point, anchor?:Point, scaledSize?:Size)

How does this relate to what I have done in example 1 for setting up marker Icon, shoud I have done somethign like this instead?

marker = google.maps.MarkerImage({
        url: "newIcon.png"
});

marker.setIcon(marker);

and would that have worked?

here is my example

Example 1

function initialize(){
//MAP

  var latlng = new google.maps.LatLng('xxx','xxx');
  var options = {
    zoom: 16,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  };

  map = new google.maps.Map(document.getElementById("map_canvas"), options);

  //GEOCODER
  geocoder = new google.maps.Geocoder();

  marker = new google.maps.Marker({
    map: map,
    draggable: true
  });     

  marker.setPosition(latlng);
  marker.setIcon("newIcon.png");
  map.setCenter(latlng);

}

• javascript
• jquery
• html
• google-maps-api-3

Share Improve this question Follow edited Nov 16, 2016 at 11:32 nrs jayaram 3,44888 gold badges5454 silver badges8484 bronze badges asked Nov 1, 2011 at 10:43 NiklasNiklas 1,08722 gold badges99 silver badges1111 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

You're giving a V2 answer for a V3 question.

There is no GIcon in V3.

var image = new google.maps.MarkerImage("newIcon.png");

Can be used inside your marker as the icon.

var marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lng),
        icon:image
    });

本文标签： javascriptChanging Google Maps V3 Maker Icon the correct wayStack Overflow