Skip to content

Instantly share code, notes, and snippets.

@alessandro-aglietti

alessandro-aglietti/index.html

Created March 21, 2015 19:20
Show Gist options
  • Save alessandro-aglietti/ff6c3adc3493ced96df0 to your computer and use it in GitHub Desktop.
Save alessandro-aglietti/ff6c3adc3493ced96df0 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
</style>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDUhR3AD_X-uR3XveT8O6BOme-W_uHz2Vs">
</script>
<script type="text/javascript">
var map;
function initialize() {
var mapOptions = {
center: { lat: -34.397, lng: 150.644},
zoom: 8
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
}
function et_add_marker( marker_order, marker_lat, marker_lng, marker_description ){
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
// To add the marker to the map, use the 'map' property
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
return marker;
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment