Using the attached assets (pdf & trans-png) and the google map overlay coding methods, plot the development land lot outlines and information over google maps.
First level zoom (when map is zoomed out) shows only stage2 and stage1 outlines (use red dotted lines on pdf plan as reference for polygon co-ordinates). Using blue circles inside each stage area show the number of lots in stage1 and stage2.
Second level zoom, when zoom-in size allows, hide first level details and show lot outlines and fill colour. Colour-fill each lot randomly with either #cccccc, #aef76d, #edf664, #9fcff5 or #f59fa1. Ensure all colours are used with mainly green, yellow and blue being used the most.
Third level zoom, when zoom-in size allows, hide second level details and show lot outlines/fill colour and lot number+meters text. At this level lots become click-able (have a link associated with them). Open link in same window/tab dont use the _blank parameter.
Arrange and comment code clearly so colours, text and links can be easily changed for each lot, if need be.
Maps should use available width and height of browser area and adaptively adjust, as Google maps does by default. No padding, or margins or fixed dimensions. We should see google maps in all available space.
We have attached a transparent png of the outlines to assist with the plotting of lot coding coordinates. Also some extra notes here: [url removed, login to view]
Google map location for overlay of polygon plotting co-ords:
[url removed, login to view]@[url removed, login to view],152.3875999,19z
Description of Google map overlay coding tools that can be used to build the above scope:
[url removed, login to view]