https://github.com/rakshans1/raxx-google-maps

https://github.com/rakshans1/raxx-google-maps

google-maps web-component

Last synced: 26 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/rakshans1/raxx-google-maps
• Owner: rakshans1
• License: mit
• Created: 2018-04-01T11:21:06.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-01T11:46:25.000Z (almost 7 years ago)
• Last Synced: 2024-11-15T23:05:43.214Z (about 2 months ago)
• Topics: google-maps, web-component
• Language: TypeScript
• Size: 85.9 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Getting Started

To start building a new web component using Stencil, clone this repo to a new directory:

```bash

git clone https://github.com/rakshans1/raxx-google-maps.git

```

and run:

```bash

npm install

npm start

```

To watch for file changes during develop, run:

```bash

npm run dev

```

To build the component for production, run:

```bash

npm run build

```

## Using this component

### Script tag

- Put a script tag similar to this `` in the head of your index.html

- Then you can use the element anywhere in your template, JSX, html etc

### Node Modules

- Run `npm install raxx-google-maps --save`

- Put a script tag similar to this `` in the head of your index.html

- Then you can use the element anywhere in your template, JSX, html etc

### Html file

```

```

[Get your api key](https://developers.google.com/maps/documentation/javascript/get-api-key)

### Adding marker

```

const map = document.getElementsByTagName('raxx-google-maps');

map[0].addMarker(19.230145, 72.918576)