"use strict";
var map_propertyLoc;
var markers = [];
var generic_icon;
var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var placesService;
var infowindow
function setAllMap(map) {
$.each(markers, function (index, marker) {
marker.infobox.close();
marker.infobox.isOpen = false;
marker.setMap(map);
});
}
function HomeControl(controlDiv, map) {
// Set CSS styles for the DIV containing the control
// Setting padding to 5 px will offset the control
// from the edge of the map.
controlDiv.style.padding = '5px';
// Set CSS for the control border.
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'white';
controlUI.style.borderStyle = 'solid';
controlUI.style.borderWidth = '2px';
controlUI.style.cursor = 'pointer';
controlUI.style.margin = '5px';
controlUI.style.textAlign = 'center';
controlUI.title = 'Konumum';
// controlDiv.appendChild(controlUI);
// Set CSS for the control interior.
var controlText = document.createElement('div');
controlText.style.fontFamily = 'Arial,sans-serif';
controlText.style.fontSize = '12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = 'Konumum';
// controlUI.appendChild(controlText);
// Setup the click event listeners: simply set the map to Chicago.
google.maps.event.addDomListener(controlUI, 'click', function () {
var myloc = new google.maps.Marker({
clickable: false,
icon: new google.maps.MarkerImage('//maps.gstatic.com/mapfiles/mobile/mobileimgs2.png',
new google.maps.Size(22, 22),
new google.maps.Point(0, 18),
new google.maps.Point(11, 11)),
shadow: null,
zIndex: 999,
map: map
});
if (navigator.geolocation)
navigator.geolocation.getCurrentPosition(function (pos) {
var me = new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude);
myloc.setPosition(me);
// Zoom in
var bounds = new google.maps.LatLngBounds();
bounds.extend(me);
map.fitBounds(bounds);
var zoom = map.getZoom();
map.setZoom(zoom > zoomOnMapSearch ? zoomOnMapSearch : zoom);
}, function (error) {
console.log(error);
});
});
}
function LoadMap_main(color) {
var prefix = 'red/';
// option
if ($('#main-map').length) {
var myLocationEnabled = true;
var style_map = [{"featureType": "landscape", "elementType": "all", "stylers": [{"color": "#f2f2f2"}]}, {"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": "#46bcec"}, {"visibility": "on"}]}];
var scrollwheelEnabled = false;
var mapOptions = {
center: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: scrollwheelEnabled,
styles: style_map
};
/* markers info ( ltng, icon, image, title) */
var markers_map = new Array(
[34.05843, -118.491046, 'https://www.onkoemlak.com/assets/img/markers/house.png', 'https://www.onkoemlak.com/https://www.onkoemlak.com/assets/img/real_estate/outdoor-restaurant.jpg', 'Restaurant'],
[34.066673, -118.486562, 'https://www.onkoemlak.com/assets/img/markers/comercial.png', 'https://www.onkoemlak.com/assets/img/real_estate/swimming-pool-in-hotel-s.jpg', 'Swimming pool'],
[34.009714, -118.480296, 'https://www.onkoemlak.com/assets/img/markers/house.png', 'https://www.onkoemlak.com/assets/img/real_estate/tropical-villa-m.jpg', 'Tropical villa'],
[34.010408, -118.473215, 'https://www.onkoemlak.com/assets/img/markers/land.png', 'https://www.onkoemlak.com/assets/img/real_estate/house-interior-m.jpg', 'House'],
[34.01521, -118.474889, 'https://www.onkoemlak.com/assets/img/markers/apartment.png', 'https://www.onkoemlak.com/assets/img/real_estate/modern-bed-room-interior-m.jpg', 'Modern room'],
[34.022502, -118.480124, 'https://www.onkoemlak.com/assets/img/markers/house.png', 'https://www.onkoemlak.com/assets/img/real_estate/modern-villa-s.jpg', 'Modern villa'],
[34.024423, -118.459868, 'https://www.onkoemlak.com/assets/img/markers/land.png', 'https://www.onkoemlak.com/assets/img/real_estate/modern-backyard-with-pool-s.jpg', 'Modern backyard'],
[34.024885, -118.44871, 'https://www.onkoemlak.com/assets/img/markers/comercial.png', 'https://www.onkoemlak.com/assets/img/real_estate/modern-lounge-room.jpg', 'Modern lounge room'],
[34.002368, -118.482828, 'https://www.onkoemlak.com/assets/img/markers/apartment.png', 'https://www.onkoemlak.com/assets/img/real_estate/hotel-room-m.jpg', 'Hotel']
);
var map = new google.maps.Map(document.getElementById('main-map'), mapOptions);
$.each(markers_map, function (index, marker_map) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(marker_map[0], marker_map[1]),
map: map,
icon: marker_map[2]
});
var myOptions = {
content: '
\n\
\n\
\n\
\n\
\n\
Ivana Ivankovića 35,
\n\
42000 Varaždin
\n\
Hrvatska \n\
\n\
\n\
\n\
\n\
',
disableAutoPan: false,
maxWidth: 0,
pixelOffset: new google.maps.Size(-138, -335),
zIndex: null,
closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif",
infoBoxClearance: new google.maps.Size(1, 1),
position: new google.maps.LatLng(marker_map[0], marker_map[1]),
isHidden: false,
pane: "floatPane",
enableEventPropagation: false
};
marker.infobox = new InfoBox(myOptions);
marker.infobox.isOpen = false;
markers.push(marker);
// action
google.maps.event.addListener(marker, "click", function (e) {
var curMarker = this;
$.each(markers, function (index, marker) {
// if marker is not the clicked marker, close the marker
if (marker !== curMarker) {
marker.infobox.close();
marker.infobox.isOpen = false;
}
});
if (curMarker.infobox.isOpen === false) {
curMarker.infobox.open(map, this);
curMarker.infobox.isOpen = true;
map.panTo(curMarker.getPosition());
} else {
curMarker.infobox.close();
curMarker.infobox.isOpen = false;
}
});
});
var mcOptions = {
gridSize: 40,
styles: [
{
height: 42,
url: 'https://www.onkoemlak.com/assets/img/cluster/cluster.png',
width: 42,
textColor: '#46616B'
}
]
};
marker_clusterer = new MarkerClusterer(map, markers, mcOptions);
if (myLocationEnabled) {
// [START gmap mylocation]
// Construct your control in whatever manner is appropriate.
// Generally, your constructor will want access to the
// DIV on which you'll attach the control UI to the Map.
var controlDiv = document.createElement('div');
// We don't really need to set an index value here, but
// this would be how you do it. Note that we set this
// value as a property of the DIV itself.
controlDiv.index = 1;
// Add the control to the map at a designated control position
// by pushing it on the position's array. This code will
// implicitly add the control to the DOM, through the Map
// object. You should not attach the control manually.
map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlDiv);
HomeControl(controlDiv, map)
// [END gmap mylocation]
}
}
}
var map;
function map_property() {
if ($('#property-map').length) {
// map init
var myLocationEnabled = true;
var style_map =[{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"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":"#46bcec"},{"visibility":"on"}]}];
var scrollwheelEnabled = false;
var markers1 = new Array();
var mapOptions1 = {
center: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: scrollwheelEnabled,
styles:style_map
};
map = new google.maps.Map(document.getElementById('property-map'), mapOptions1);
map_propertyLoc = map
var marker1 = new google.maps.Marker({
position: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
map: map,
icon: 'https://www.onkoemlak.com/assets/img/markers/house.png'
});
var myOptions2 = {
content: "Satılık 4 1 210m2 Daire Diyarbakır 75 Yol Üzeri
",
disableAutoPan: false,
maxWidth: 0,
pixelOffset: new google.maps.Size(-138, -80),
zIndex: null,
closeBoxURL: "",
infoBoxClearance: new google.maps.Size(1, 1),
position: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
isHidden: false,
pane: "floatPane",
enableEventPropagation: false
};
marker1.infobox = new InfoBox(myOptions2);
marker1.infobox.isOpen = false;
markers1.push(marker1);
// action
google.maps.event.addListener(marker1, "click", function (e) {
var curMarker = this;
$.each(markers1, function (index, marker) {
// if marker is not the clicked marker, close the marker
if (marker !== curMarker) {
marker.infobox.close();
marker.infobox.isOpen = false;
}
});
if(curMarker.infobox.isOpen === false) {
curMarker.infobox.open(map, this);
curMarker.infobox.isOpen = true;
map.panTo(curMarker.getPosition());
} else {
curMarker.infobox.close();
curMarker.infobox.isOpen = false;
}
});
if(myLocationEnabled){
var controlDiv = document.createElement('div');
controlDiv.index = 1;
map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlDiv);
HomeControl(controlDiv, map)
}
// init_gmap_searchbox();
$(".places_select a").on('click', function(){
init_places($(this).attr('data-rel'), $(this).find('img').attr('src'));
});
var selected_place_type = 4;
init_directions();
directionsDisplay = new google.maps.DirectionsRenderer({suppressMarkers: true});
directionsDisplay.setMap(map);
init_places($(".places_select a:eq("+selected_place_type+")").attr('data-rel'), $(".places_select a:eq("+selected_place_type+") img").attr('src'));
}
}
function contactMap() {
var map;
if ($('#contact-map').length) {
var myLocationEnabled = true;
var style_map = [{"featureType": "landscape", "elementType": "all", "stylers": [{"color": "#f2f2f2"}]}, {"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": "#46bcec"}, {"visibility": "on"}]}];
var scrollwheelEnabled = false;
var markers = new Array();
var mapOptions = {
center: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: scrollwheelEnabled,
styles: style_map
};
var map = new google.maps.Map(document.getElementById('contact-map'), mapOptions);
var marker = new google.maps.Marker({
position: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
map: map,
icon: 'https://www.onkoemlak.com/assets/img/markers/house.png'
});
var myOptions = {
content: "Satılık 4 1 210m2 Daire Diyarbakır 75 Yol Üzeri
",
disableAutoPan: false,
maxWidth: 0,
pixelOffset: new google.maps.Size(-138, -80),
zIndex: null,
closeBoxURL: "",
infoBoxClearance: new google.maps.Size(1, 1),
position: new google.maps.LatLng(37.936222343825676, 40.15441230028078),
isHidden: false,
pane: "floatPane",
enableEventPropagation: false
};
marker.infobox = new InfoBox(myOptions);
marker.infobox.isOpen = false;
markers.push(marker);
// action
google.maps.event.addListener(marker, "click", function (e) {
var curMarker = this;
$.each(markers, function (index, marker) {
if (marker !== curMarker) {
marker.infobox.close();
marker.infobox.isOpen = false;
}
});
if (curMarker.infobox.isOpen === false) {
curMarker.infobox.open(map, this);
curMarker.infobox.isOpen = true;
map.panTo(curMarker.getPosition());
} else {
curMarker.infobox.close();
curMarker.infobox.isOpen = false;
}
});
if (myLocationEnabled) {
var controlDiv = document.createElement('div');
controlDiv.index = 1;
map.controls[google.maps.ControlPosition.RIGHT_TOP].push(controlDiv);
HomeControl(controlDiv, map)
}
}
}
function init_places(places_types, icon) {
var pyrmont = new google.maps.LatLng(37.936222343825676, 40.15441230028078);
setAllMap(null);
generic_icon = icon;
var places_type_array = places_types.split(',');
var request = {
location: pyrmont,
radius: 2000,
types: places_type_array
};
infowindow = new google.maps.InfoWindow();
placesService = new google.maps.places.PlacesService(map);
placesService.nearbySearch(request, callback);
}
function callback(results, status) {
if (status == google.maps.places.PlacesServiceStatus.OK) {
for (var i = 0; i < results.length; i++) {
createMarker(results[i]);
}
}
}
function setAllMap(map) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
}
function calcRoute(source_place, dest_place) {
var selectedMode = 'WALKING';
var request = {
origin: source_place,
destination: dest_place,
// Note that Javascript allows us to access the constant
// using square brackets and a string value as its
// "property."
travelMode: google.maps.TravelMode[selectedMode]
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
//console.log(response.routes[0].legs[0].distance.value);
}
});
}
function createMarker(place) {
var placeLoc = place.geometry.location;
var propertyLocation = new google.maps.LatLng(37.936222343825676, 40.15441230028078); /*adres yeri burası gerisi heralde iletişim vs.. birde çevre bölgeler içinde var ayrı bir yerden çeken*/
if(place.icon.indexOf("generic") > -1)
{
place.icon = generic_icon;
}
var image = {
url: place.icon,
size: new google.maps.Size(71, 71),
origin: new google.maps.Point(0, 0),
anchor: new google.maps.Point(17, 34),
scaledSize: new google.maps.Size(25, 25)
};
var marker = new google.maps.Marker({
map: map,
icon: image,
position: place.geometry.location
});
markers.push(marker);
var distanceKm = (calcDistance(propertyLocation, placeLoc)*1.2).toFixed(2);
var walkingTime = parseInt((distanceKm/5)*60+0.5);
google.maps.event.addListener(marker, 'click', function() {
//drawing route
calcRoute(propertyLocation, placeLoc);
// Fetch place details
placesService.getDetails({ placeId: place.place_id }, function(placeDetails, statusDetails){
//open popup infowindow
infowindow.setContent(place.name+'
Mesafe: '+distanceKm+'Km'+
'
Yürüme: '+walkingTime+'Dakika'+
'
Detaylar');
infowindow.open(map_propertyLoc, marker);
});
});
}
//calculates distance between two points
function calcDistance(p1, p2){
return (google.maps.geometry.spherical.computeDistanceBetween(p1, p2) / 1000).toFixed(2);
}
function init_directions() {
$(".places_select").css('display', 'block');
}