@gocrisp/store-locator-test
v1.1.0
Published
Store locator widget, intended for use with the Crisp GeoJSON connector.
Downloads
10
Keywords
Readme
@gocrisp/store-locator
Store locator template page for use on any website. Intended for use with the Crisp GeoJSON connector.
Add the store locator to your site
- First, go set up a GeoJSON outbound connector on https://platform.gocrisp.com/. It will give you a URL to use later.
- Create a Google Maps API Key.
- Install this package
yarn add @gocrisp/store-locator
- Then, wherever you want to include the store locator map, insert this snippet:
import storeLocator from '@gocrisp/store-locator';
storeLocator.init({
component: document.getElementById('store-locator-map'),
geoJsonUrl: '<URL from the GeoJSON connector>',
loaderOptions: { apiKey: '<your Google Maps API key>' },
});
By default, this will use the center of the US and a zoom level of 4, but all google maps options are configurable with the mapOptions
property.
Example App
To run the example app locally, you need to build the npm package into dist
and then run the example app. You can either run the store-locator code with yarn dev
to watch for changes or build it once with yarn build
, but with the former you will need to run dev
and example
simultaneously.
yarn install
yarn start
The example is automatically updated from the main
branch and served here:
https://gocrisp.github.io/store-locator