And after that initialize widget by specifying DOM element ID (HTML) plus configuration;
Last step is to add easypack-map placeholder and set it's height in part of your website/checkout where you want to display it:
Whole mapWidget (search, type select and map) should be visible on mobile devices. Therefore placeholder should never be taller than mobile device screen height.
Full configuration options:
Configuration parameters descriptions:
All usable parameters with descriptions are listed below.
URL to API Points which will be connected to Geowidget.
Geowidget language that will be uses in front-end. Locales strings can be added/modified in js/_locales.js file.
Languages that will be display as list in front layer. They can be dynamically changed.
Folder relative to assetsServer where marker icons are available.
Folder relative to assetsServer where icons are available.
Loading icon (spinner), relative to assetsServer.
Screen width below which mobile version is triggered.
Determines if point tooltip should be closed when user closes the info bar.
Determines if language selection bar should be displayed.
Determines if filters (functions) bar should be displayed.
Point types that geowidget should show.
Configuration parameters for Google Maps
It is possible to display geowidget inside modal and then select point also:
It is possible to display geowidget as dropdown with machines list. User can search machine by inputing it into search field: