Map

How it works

The Map Search Web Control option on the Lightstone Search UI is similar to an advanced search if the user is not able to find the place of interest using AutoComplete and Multi-line Search. The Map Search Web Control provides the South African Map and search bar to enter the Suburb or GPS coordinates in order to minimize closer to the area of interest. The user will also be able to draw a radius circle in the area of interest. The Web Control will then focus on the outlined area of interest and allow the user to drop a pin to navigate closer to the area of interest. For the GPS coordinates the Map Search Web Control will use the Nearby coordinate and radius API endpoint, optionally, the user can turn on the display of ERF/Portion numbers, where this will overlay the ERF details when zoomed in enough. The Map Search will mostly use the Nearby API endpoints.

Basic map support

Here is example on how to add a map.

<div class="container">
  <div class="row">
    <div class="col-12" style="min-height: 450px;">
      <lsui-map></lsui-map>
    </div>
  </div>
</div>

A example on how to add and user maps is available in our example section.

Overlays

TODO

erf/potion

TODO

pins

TODO

geojson

TODO

Properties

Events

Styling

Properties and Attributes

TODO

Styling

TODO