What is the construct interface `google.maps.Icon`
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..
};
Related videos on Youtube
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, 2022Comments
-
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 withMarkerImage
, 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!