اتصال

• الهاتف : ٥٥ ٤٤ ٣٣ ٢٢ ٩٧١+

• بريد إلكتروني : Support@constrcution.com

• عنوان : جادة الشيخ محمد بن راشد – دبي

function mapfunction_cz_43465() {

const codevzPlusWaitForOverlay = setInterval(() => {

if (typeof google.maps.OverlayView !== “undefined”) {

clearInterval(codevzPlusWaitForOverlay);

google.maps.Map.prototype.setCenterWithOffset = function(latlng, offsetX, offsetY) {
var map = this;
var ov = new google.maps.OverlayView();
ov.onAdd = function() {
var proj = this.getProjection();
var aPoint = proj.fromLatLngToContainerPixel(latlng);
aPoint.x = aPoint.x+offsetX;
aPoint.y = aPoint.y+offsetY;
map.setCenter(proj.fromContainerPixelToLatLng(aPoint));
};
ov.draw = function() {};
ov.setMap(this);
};

var windx = jQuery(window),

latlng = { lat:40.712784, lng:-74.005941},

myOptions = {
mapId: “”,
zoom: 14,
scrollwheel: false,
disableDefaultUI: false,
center: latlng,
fullscreenControl: false,
mapTypeControl: false,
keyboardShortcuts: false
},

cz_43465 = new google.maps.Map(document.getElementById(“cz_43465”), myOptions ),

setCenterOffset = function() {

if ( windx.width() < 768 ) {
cz_43465.setCenterWithOffset( latlng, 0, 0 );
} else {
cz_43465.setCenterWithOffset( latlng, 0, 0 );
}

};

setCenterOffset();

windx.on( "resize", function() {
setCenterOffset();
});
var styles = [{"elementType": "geometry","stylers": [{"color": "#f5f5f5"}]},{"elementType": "labels.icon","stylers": [{"visibility": "off"}]},{"elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"elementType": "labels.text.stroke","stylers": [{"color": "#f5f5f5"}]},{"featureType": "administrative.land_parcel","elementType": "labels","stylers": [{"visibility": "off"}]},{"featureType": "administrative.land_parcel","elementType": "labels.text.fill","stylers": [{"color": "#bdbdbd"}]},{"featureType": "poi","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "poi","elementType": "labels.text","stylers": [{"visibility": "off"}]},{"featureType": "poi","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "poi.park","elementType": "geometry","stylers": [{"color": "#e5e5e5"}]},{"featureType": "poi.park","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "road","elementType": "geometry","stylers": [{"color": "#ffffff"}]},{"featureType": "road.arterial","elementType": "labels.text.fill","stylers": [{"color": "#757575"}]},{"featureType": "road.highway","elementType": "geometry","stylers": [{"color": "#dadada"}]},{"featureType": "road.highway","elementType": "labels.text.fill","stylers": [{"color": "#616161"}]},{"featureType": "road.local","elementType": "labels","stylers": [{"visibility": "off"}]},{"featureType": "road.local","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]},{"featureType": "transit.line","elementType": "geometry","stylers": [{"color": "#e5e5e5"}]},{"featureType": "transit.station","elementType": "geometry","stylers": [{"color": "#eeeeee"}]},{"featureType": "water","elementType": "geometry","stylers": [{"color": "#c9c9c9"}]},{"featureType": "water","elementType": "labels.text.fill","stylers": [{"color": "#9e9e9e"}]}];var styledMap = new google.maps.StyledMapType(styles,{name: "Styled Map"});cz_43465.mapTypes.set("map_style", styledMap); cz_43465.setMapTypeId("map_style");class CustomMarker extends google.maps.OverlayView {
constructor(position, map) {
super();
this.position = position;
this.map = map;
this.div = null;
this.setMap(map);
}

onAdd() {
this.div = document.createElement("div");
this.div.style.position = "absolute";
this.div.style.cursor = "pointer";
this.div.style.transform = "translate(-50%, -100%)";
this.div.innerHTML = `

`;

this.getPanes().overlayMouseTarget.appendChild(this.div);
this.tooltip = this.div.querySelector(“.tooltip”);

// Show title on click
this.div.addEventListener(“click”, (event) => {
event.stopPropagation();
this.tooltip.style.display = this.tooltip.style.display === “block” ? “none” : “block”;
});

// Hide title when clicking outside
google.maps.event.addListener(this.map, “click”, () => {
this.tooltip.style.display = “none”;
});
}

draw() {
const overlayProjection = this.getProjection();
const position = overlayProjection.fromLatLngToDivPixel(this.position);

if (position && this.div) {
this.div.style.left = `${position.x}px`;
this.div.style.top = `${position.y}px`;
}
}

onRemove() {
if (this.div) {
this.div.parentNode.removeChild(this.div);
this.div = null;
}
}
}

// Add a custom marker at a specific location
new CustomMarker(new google.maps.LatLng(40.712784, -74.005941), cz_43465);}}, 250 );}