87 lines
1.5 KiB
JavaScript
87 lines
1.5 KiB
JavaScript
var styleArray = [{
|
|
"featureType": "administrative",
|
|
"elementType": "labels.text.fill",
|
|
"stylers": [{
|
|
"color": "#001b83"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "landscape",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"color": "#f0f8ff"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "poi",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"visibility": "off"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "road",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"saturation": -100
|
|
},
|
|
{
|
|
"lightness": 45
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"featureType": "road.highway",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"visibility": "simplified"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "road.arterial",
|
|
"elementType": "labels.icon",
|
|
"stylers": [{
|
|
"visibility": "off"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "transit",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"visibility": "off"
|
|
}]
|
|
},
|
|
{
|
|
"featureType": "water",
|
|
"elementType": "all",
|
|
"stylers": [{
|
|
"color": "#4c5fa8"
|
|
},
|
|
{
|
|
"visibility": "on"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
|
|
var mapOptions = {
|
|
center: new google.maps.LatLng(23.874936, 90.385821),
|
|
zoom: 5,
|
|
styles: styleArray,
|
|
scrollwheel: false,
|
|
backgroundColor: '#001b83',
|
|
mapTypeControl: false,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
};
|
|
|
|
var map = new google.maps.Map(document.getElementsByClassName("maps")[0],
|
|
mapOptions);
|
|
var myLatlng = new google.maps.LatLng(23.874936, 90.385821);
|
|
var focusplace = {lat: 55.864237, lng: -4.251806};
|
|
var marker = new google.maps.Marker({
|
|
position: myLatlng,
|
|
map: map,
|
|
icon: {
|
|
url: "assets/images/map-marker.png"
|
|
}
|
|
}) |