Databases
StackOverflow2013
Postsdbo
POGoogle Maps V.3 custom icons
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Maps V.3 custom icons
    text
    copied!<p>How can I make a similar script for custom marker with Google Maps 3? Just like this with v.2 :</p> <pre><code>var iconBlue = new GIcon(); iconBlue.image = 'images/cell1.png'; iconBlue.shadow = ''; iconBlue.iconSize = new GSize(32, 32); iconBlue.shadowSize = new GSize(22, 20); iconBlue.iconAnchor = new GPoint(3, 16); iconBlue.infoWindowAnchor = new GPoint(15, 15); var iconRed = new GIcon(); iconRed.image = 'images/cell3.png'; iconRed.shadow = ''; iconRed.iconSize = new GSize(32, 32); iconRed.shadowSize = new GSize(22, 20); iconRed.iconAnchor = new GPoint(15, 2); iconRed.infoWindowAnchor = new GPoint(15, 15); var iconGreen = new GIcon(); iconGreen.image = 'images/cell2.png'; iconGreen.shadow = ''; iconGreen.iconSize = new GSize(32, 32); iconGreen.shadowSize = new GSize(22, 20); iconGreen.iconAnchor = new GPoint(-9, 2); iconGreen.infoWindowAnchor = new GPoint(20, 15); var customIcons = []; customIcons["60"] = iconBlue; customIcons["240"] = iconRed; customIcons["350"] = iconGreen; </code></pre> <p>I wrote the following in Version 3 and the marker is not shown.</p> <pre><code>var cellone = new google.maps.MarkerImage("images/cell1.png", new google.maps.Size(20, 34), new google.maps.Point(0,0), new google.maps.Point(3, 16)); var celltwo = new google.maps.MarkerImage("images/cell2.png", new google.maps.Size(20, 34), new google.maps.Point(0,0), new google.maps.Point(-9, 2)); var cellthree = new google.maps.MarkerImage("images/cell3.png", new google.maps.Size(20, 34), new google.maps.Point(0,0), new google.maps.Point(15, 2)); var customIcons = []; customIcons["60"] = cellone; customIcons["240"] = celltwo; customIcons["350"] = cellthree; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload