Map

var myLatlng = new google.maps.LatLng(40.79022, -73.95981); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-1664423922-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

GOOGLE MAP ELEMENT

Add highly customisable Google Maps to any page.

Examples

var myLatlng = new google.maps.LatLng(40.79028, -73.95972); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-1020772692-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

Enter street adress here. Or any other information you want.

var myLatlng = new google.maps.LatLng(40.79028, -73.95972); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: true, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: true, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: true, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: true, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: true, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: true, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-1111832882-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

Map With Tools

var myLatlng = new google.maps.LatLng(40.79028, -73.95972); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-575712233-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

Use any color  for your map

var myLatlng = new google.maps.LatLng(40.79028, -73.95972); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-1661428400-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

Enter street adress here. Or any other information you want.

var myLatlng = new google.maps.LatLng(40.79022, -73.95981); var myOptions = { zoom: 17, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, mapTypeId: 'flatsome', draggable: true, zoomControl: false, zoomControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // panControl: false, // panControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, mapTypeControl: false, mapTypeControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // scaleControl: false, // scaleControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, streetViewControl: false, streetViewControlOptions: { position: google.maps.ControlPosition.TOP_LEFT }, // overviewMapControl: false, // overviewMapControlOptions: { // position: google.maps.ControlPosition.TOP_LEFT // }, scrollwheel: false, disableDoubleClickZoom: true } var map = new google.maps.Map(document.getElementById("map-713195480-inner"), myOptions); var styledMapType = new google.maps.StyledMapType(styles['flatsome'], {name: 'flatsome'}); map.mapTypes.set('flatsome', styledMapType);

var marker = new google.maps.Marker({ position: myLatlng, map: map, title:"" }); }

// Required to proceed if (!(typeof google === 'object' && typeof google.maps === 'object')) { return }

initialize() google.maps.event.addDomListener(window, 'resize', initialize); });

A map with a Form

(insert contact form here)