@gocrisp/store-locator-test NPM

@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.