Skip to content

Instantly share code, notes, and snippets.

@ShekharReddy4

ShekharReddy4/map.html

Created July 9, 2016 08:25
Show Gist options
  • Save ShekharReddy4/380f4334bac8d3ffea623881987547e1 to your computer and use it in GitHub Desktop.
Save ShekharReddy4/380f4334bac8d3ffea623881987547e1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
map.html
<!DOCTYPE html>
<html>
<head>
<link href="../styles.css" rel="stylesheet">
<script src="http://maps.google.com/maps/api/js"></script>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/gmap3/7.1.0/gmap3.min.js"></script>
</head>
<body>
<div class="map"></div>
<script>
$('.map')
.gmap3({
center:[48.8620722, 2.352047],
zoom:4
})
.marker([
{position:[48.8620722, 2.352047]},
{address:"86000 Poitiers, France"},
{address:"66000 Perpignan, France", icon: "http://maps.google.com/mapfiles/marker_grey.png"}
])
.on('click', function (marker) {
marker.setIcon('http://maps.google.com/mapfiles/marker_green.png');
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment