What is the construct interface `google.maps.Icon`

10,663

Solution 1

There is no constructor for the google.maps.Icon, it is an anonymous javascript object like MapOptions, MarkerOptions, PolygonOptions, etc.

You use it like this:

var icon = {
    anchor: new Point(...),
    url: "myurl"
    // etc..
    };

From Oliver in a comment: The point is: there is no such class (or function, for that matter) as google.maps.Icon. The API docs refer to it as google.maps.Icon object specification (here), as opposed to e.g. the InfoWindow class.

Solution 2

Hmm... Now, this answer is just wrong.

You can't

var icon = new google.maps.Icon({
    anchor: new Point(...),
    url: "myurl"
    // etc..
});

It's an object literal, which means that you can just use it like this:

var icon = {
    anchor: new Point(...),
    url: "myurl"
    // etc..
};
Share:
10,663

Related videos on Youtube

ddinchev
Author by

ddinchev

Software engineer aiming to be a generalist with more experience in web and recommender systems. Also, I love sports and Legos! Currently @SkyScanner.

Updated on September 15, 2022

Comments

  • ddinchev
    ddinchev over 1 year

    The docs of Google Maps V3 JS API does not seem to give the interface of the construct of google.maps.Icon. I found an example with MarkerImage, which seems to be deprecated now.

    So, what are the possible google.maps.Icon construct parameters and what is their order? How to define icon size, icon offset in sprite, icon anchor, etc?

    Edit:

    How would I create an icon and assign it to a marker? Eg (not tested/does not work):

    var icon = new google.maps.Icon(path, 
        new google.maps.Size(32, 32), // size
        new google.maps.Point(0, 32), // offset in sprite
        null, // anchor
    );
    

    I do see the docs but I do not see example usage if that class!