LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
body {
	margin: 0
}

.google-map {
    height: 300px;
    width: 100%
}
JS
google.maps.event.addDomListener(window, 'load', myMap);
function myMap() {
		var myCenter = new google.maps.LatLng(30.0444196, 31.23571160000006),
				mapOptions = {
						center: myCenter,
						mapTypeControl: false,
						streetViewControl: false,
						scrollwheel: false,
						zoom: 12,
						styles: [
											{
													"featureType": "water",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#e9e9e9"
															},
															{
																	"lightness": 17
															}
													]
											},
											{
													"featureType": "landscape",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#f5f5f5"
															},
															{
																	"lightness": 20
															}
													]
											},
											{
													"featureType": "road.highway",
													"elementType": "geometry.fill",
													"stylers": [
															{
																	"color": "#ffffff"
															},
															{
																	"lightness": 17
															}
													]
											},
											{
													"featureType": "road.highway",
													"elementType": "geometry.stroke",
													"stylers": [
															{
																	"color": "#ffffff"
															},
															{
																	"lightness": 29
															},
															{
																	"weight": 0.2
															}
													]
											},
											{
													"featureType": "road.arterial",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#ffffff"
															},
															{
																	"lightness": 18
															}
													]
											},
											{
													"featureType": "road.local",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#ffffff"
															},
															{
																	"lightness": 16
															}
													]
											},
											{
													"featureType": "poi",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#f5f5f5"
															},
															{
																	"lightness": 21
															}
													]
											},
											{
													"featureType": "poi.park",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#dedede"
															},
															{
																	"lightness": 21
															}
													]
											},
											{
													"elementType": "labels.text.stroke",
													"stylers": [
															{
																	"visibility": "on"
															},
															{
																	"color": "#ffffff"
															},
															{
																	"lightness": 16
															}
													]
											},
											{
													"elementType": "labels.text.fill",
													"stylers": [
															{
																	"saturation": 36
															},
															{
																	"color": "#333333"
															},
															{
																	"lightness": 40
															}
													]
											},
											{
													"elementType": "labels.icon",
													"stylers": [
															{
																	"visibility": "off"
															}
													]
											},
											{
													"featureType": "transit",
													"elementType": "geometry",
													"stylers": [
															{
																	"color": "#f2f2f2"
															},
															{
																	"lightness": 19
															}
													]
											},
											{
													"featureType": "administrative",
													"elementType": "geometry.fill",
													"stylers": [
															{
																	"color": "#fefefe"
															},
															{
																	"lightness": 20
															}
													]
											},
											{
													"featureType": "administrative",
													"elementType": "geometry.stroke",
													"stylers": [
															{
																	"color": "#fefefe"
															},
															{
																	"lightness": 17
															},
															{
																	"weight": 1.2
															}
													]
											}
									]
				},
				mapCanvas = document.getElementById("map"),
				map = new google.maps.Map(mapCanvas, mapOptions),
				marker = new google.maps.Marker({
					position: myCenter,
					icon: "https://ual.tal.net/images/marker_red.png"
				});
		marker.setMap(map);
}
Term
Sun, 02/25/2018 - 15:05

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv