Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Papaia - Contact - Additional Text
<div class="responsive-embed three-by-four">
<div id="gmap" class="map"></div>
</div>
<h3><ins>Get in touch</ins></h3>
<p>13 Guiness Bay, New York, USA</p>
<p>
<strong>Phone:</strong> +1 9876 543 210<br>
<strong>Fax:</strong> +1 9876 543 210<br>
<strong>Email:</strong> <a href="mailto:hello@papaia.com" class="custom-link">hello@papaia.com</a>
</p>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&key=API_KEY"></script>
<script>
jQuery(function() { "use strict";
if (typeof(google) !== "undefined") {
var map_name = 'custom_gmap',
// set location
location = new google.maps.LatLng(40.796146, -73.960157),
// set marker position
marker_pos = new google.maps.LatLng(40.796146, -73.960157),
marker_title = 'Papaia',
stylers = [{
"featureType": "all",
"elementType": "all",
"stylers": [ { "saturation": "-50" }, { "lightness": 10 } ]
}],
mapOptions = {
zoom: 12,
center: location,
mapTypeControl: false,
mapTypeId: map_name,
scrollwheel: false,
fullscreenControl: false,
streetViewControl: false,
scaleControl: false
},
map = new google.maps.Map(document.getElementById("gmap"), mapOptions),
styledMapOptions = { map: map, name: map_name + "_map" },
marker = new google.maps.Marker({
position: marker_pos,
map: map,
title: marker_title
}),
custommap = new google.maps.StyledMapType(stylers,styledMapOptions);
map.mapTypes.set(map_name, custommap);
map.setMapTypeId(map_name);
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment