MapIntegratedVuer Live Demo

Live Demo

Live demo full page URL: https://mapcore-demo.org/current/mapintegratedvuer

Code Preview

  <div class="your-map-container">
    <MapContent
      ref="map"
      :startingMap="startingMap"
      :options="options"
      :state="state"
      :shareLink="shareLink"
      @updateShareLinkRequested="updateUUID"
      @isReady="mapIsReady"
    />
  </div>

  <script>
    import { MapContent } from '@abi-software/mapintegratedvuer';

    export default {
      components: { MapContent },
      data: function () {
        return {
          options: {
            sparcApi: 'VITE_API_LOCATION',
            algoliaIndex: 'VITE_ALGOLIA_INDEX',
            algoliaKey: 'VITE_ALGOLIA_KEY',
            algoliaId: 'VITE_ALGOLIA_ID',
            pennsieveApi: 'VITE_PENNSIEVE_API_LOCATION',
            flatmapAPI: 'VITE_FLATMAPAPI_LOCATION',
            nlLinkPrefix: 'VITE_NL_LINK_PREFIX',
            rootUrl: 'meta.env.VITE_ROOT_URL',
          }
        }
      }
    }
  </script>