Public Website Map Setup (For Web Developers)

Follow
Overview 
  • Maps are loaded onto websites using an <iframe> tag. Width, Height, and other standard iframe tag options can be used. 
  • A LotWorks Maps API key is required to load the live LotWorks data. This is provided to the Land Developer upon setup of the public maps (1 key per community).
  • The recommended implementation is to add styling to a CSS file, and wrap a <div> with the set style around the <iframe> map tag.
Web team / Designers should contact Blueprint for assistance in any required styling/font/colour changes to pop-up infowindows. 
 
Default Zoom

LotWorks public website maps will zoom to a best-fit based on these criteria:
  • Center and zoom lot view based on lots in community and browser window size.
  • If visible lots belong to a single phase, center and zoom view to display only that phase.
  • If visible lots belong to multiple phases, center and zoom view in a bounding box around that view.
NOTE: If your map is loaded in a "hidden 0px div", you may experience issues in map loading/centering. It is strongly recommended that all embedded maps be loaded in their desired sizes, not 0px.  
 
No Scroll on Websites

LotWorks public website maps have scroll-wheel functionality disabled by default. Only website content will be affected by a user's use of their mouse scroll-wheel. Maps controls (+/-) and/or double-click / double-rightclick should instead be used to control map zoom.
 
This functionality is now a default part of Google Maps. "No scroll" controls no longer required.
 
Direct Links to Lots 

Direct links to lots can be generated using ?lotaddress= as per the below example:

http://developername.lotworks.ca/maps/communityname/?lotaddress=42 Green Ridge Drive
 
This direct link will open the public map, zoom to the lot, and open the infowindow for that lot.
 
HTTPS Websites 

HTTPS security certificates require additional development time but can setup can be provided if required.
 

 
Custom Implementation Options 
 
DISCLAIMER: Unless absolutely required, it is NOT recommended that any of the below custom options be used as it may result in unintended map display issues or future complications. The functionality contained here-in is subject to change, and may cease to work / be deprecated without notice.
 
Scroll Options (scrollwheel)
  • scrollwheel=0 - Default behaviour. Disables use of scroll-wheel on public website map
  • scrollwheel=1 - Allows the use of the scroll-wheel to zoom in/out on Google Maps. 
It is only recommended to use scrollwheel=1 if content height is fixed 100%.
 
Auto-fit Content (autofit)
  • autofit=0 - Disables best-fit code based on browser window size.
  • autofit=1 - Default behaviour. Uses LotWorks to determine centering and zoom level. 
It is only recommended to use autofit=0 if direct control over zoom level is required.
 
Zoom Level (zoom) 
  • zoom=1-20 - Google Maps zoom level. Defaults to best-fit zoom if not used.
It is only recommended to use zoom= if map embed has a fixed width/height, and best-fit zoom isn't displaying desired results.
 
Have more questions? Submit a request

Comments