https://github.com/buildwithlal/google-maps-multiple-markers

Draw multiple location markers on Google maps using Google Maps API
https://github.com/buildwithlal/google-maps-multiple-markers

google-maps google-maps-api google-maps-javascript markers

Last synced: 8 days ago
JSON representation

Draw multiple location markers on Google maps using Google Maps API

• Host: GitHub
• URL: https://github.com/buildwithlal/google-maps-multiple-markers
• Owner: BuildWithLal
• Created: 2016-11-01T08:07:59.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2016-11-01T10:07:55.000Z (about 8 years ago)
• Last Synced: 2024-11-08T20:26:04.433Z (2 months ago)
• Topics: google-maps, google-maps-api, google-maps-javascript, markers
• Language: JavaScript
• Size: 6.84 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
###Google Maps multiple Markers 

=================================

1. index.html has a **div** to show Map

2. map_script.js - javascript to draw multiple markers on Google Map

3. Link to Google Map API

>Automatically center the map fitting all markers on the screen

**NOTE**

Please put your [Google console](https://console.developers.google.com) API key in index.html 

```html

```

Get your lat, long list and pass it to `var locations` in map_script.js 

```javascript

var locations = [

                   [31.5546, 74.3572],

                   [34.0150, 71.5805],

                   [30.1830, 66.9987],

		                …

		                …		

                    ];

```

For more details, read this [post](http://sparkanswers.com/google-maps-multiple-markers/)

Cheers!