https://github.com/peopledrivemecrazy/here-maps-svelte

Svelte Wrapper for Here Maps
https://github.com/peopledrivemecrazy/here-maps-svelte

here-maps-api heremaps heremaps-js sveltejs

Last synced: about 2 months ago
JSON representation

Svelte Wrapper for Here Maps

• Host: GitHub
• URL: https://github.com/peopledrivemecrazy/here-maps-svelte
• Owner: peopledrivemecrazy
• License: mit
• Created: 2020-08-31T18:36:11.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-03-05T09:29:33.000Z (almost 4 years ago)
• Last Synced: 2024-10-15T21:16:09.091Z (2 months ago)
• Topics: here-maps-api, heremaps, heremaps-js, sveltejs
• Language: JavaScript
• Homepage: https://peopledrivemecrazy.github.io/here-maps-svelte/
• Size: 84 KB
• Stars: 6
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Svelte wrapper for Here Maps

Check [here maps JavaScript API](https://developer.here.com/develop/javascript-api) for detailed documentation.

## Quick Start

Install `npm i here-maps-svelte`

```html

  import Map from "here-maps-svelte";

  let options = {

    api: "Your API Key",

    mapdata: {

      zoom: 3,

      center: {

        lat: 48.8567,

        lng: 2.3508,

      },

      markers: [

        {

          bubbletext: `<p>Bubble text</p>`,

          lat: 48.8567,

          lng: 2.3508,

        },

      ],

    },

  };



  



  #map {

    height: inherit;

    width: inherit;

  }

```

## Note

- Currently supports bubble texts and accepts html. You might need to play with it.

- Have `` a child of a `div` and supply custom css for height/width.

## Upcoming features

- Dynamic Markers

- Search

- Polylines, routing, shapes

- Custom Icon Support