Is it possible to add an image overlay to a google map that scales as the user zooms?
My current code works like this:
var map = new GMap2(document.getElementById('gMap')); var customIcon = new GIcon(); customIcon.iconSize = new GSize(100, 100); customIcon.image = '/images/image.png'; map.addOverlay(new GMarker(new GLatLng(50, 50), { icon:customIcon }));
However, this adds an overlay that maintains the same size as the user zooms in and out (it is acts as a UI element like the sidebar zoom control).
Well after messing around trying to scale it myself for a little bit I found a helper called EInserts which I’m going to check out.
Addition:
Okay EInserts is about the coolest thing ever. It even has a method to allow you to drag the image and place it in development mode for easy lining up.