https://github.com/rafamarins/custommaps

Easy way to get a custom skinned google maps in your website
https://github.com/rafamarins/custommaps

custom google google-maps googlemaps javascript style vanilla

Last synced: about 2 months ago
JSON representation

Easy way to get a custom skinned google maps in your website

• Host: GitHub
• URL: https://github.com/rafamarins/custommaps
• Owner: rafamarins
• License: mit
• Created: 2018-02-06T05:22:26.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-02T06:41:07.000Z (almost 7 years ago)
• Last Synced: 2023-09-26T13:48:25.057Z (over 1 year ago)
• Topics: custom, google, google-maps, googlemaps, javascript, style, vanilla
• Language: JavaScript
• Homepage:
• Size: 87.9 KB
• Stars: 0
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Custom Maps

Easy way to get your custom skinned google maps in your website

## Example

Default Style

```

https://snazzymaps.com/style/151/ultra-light-with-labels

```

![Custom Maps in action](https://i.imgur.com/x96Lxt2.png) 

```

https://snazzymaps.com/style/2/midnight-commander

```

![Custom Maps in action](https://i.imgur.com/FBW243k.png)

Find more at [SnazzyMaps](https://snazzymaps.com)

### Prerequisites

Google maps script tag

```

```

### Installing

Copy custommaps.min.js & custommaps.config.json (located in the [Dist](https://github.com/rafamarins/custommaps/tree/master/dist) folder) to your project and invoke initMap(Address, MapContainer).

```

new custommaps().initMap('Address', document.getElementById('map'))

```

## Config

Add your configs to the custommaps.config.json file.

## Extras

Scripts && Styles being processed with my Deploiii gulp set up. You should check that out.

[Deploiii](https://github.com/rafamarins/deploiii)

## Authors

* **Rafael Marins** - *Initial work* - [Rafael Marins](https://github.com/rafamarins)