Limited time offer, Buy XTRA WordPress theme only $39تحميل قالب إكسترا

احصل على عرض
أسعار مجاني

اتصل

اتصل

نحن نحب أن نسمع منك!

نحن نستخدم خبراتنا السابقة لنقدم لك اتصالاً من الدرجة الأولى.

info@xtrabusiness.com

001800345678

function mapfunction_cz3680() { 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 }, cz3680 = new google.maps.Map(document.getElementById("cz3680"), myOptions ), setCenterOffset = function() { if ( windx.width() < 768 ) { cz3680.setCenterWithOffset( latlng, 0, 0 ); } else { cz3680.setCenterWithOffset( latlng, 0, -130 ); } }; 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"});cz3680.mapTypes.set("map_style", styledMap); cz3680.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 = `<div style="position:relative; text-align:center;"> <div style="position:absolute;top: -10px;left: 50%;transform: translate(-50%, -100%);background: white;color: #202020;padding: 15px 20px;border-radius: 2px;font-size: 15px;white-space: nowrap;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);display: none;font-family: Arial, sans-serif;" class="tooltip"> موقع مكتبنا </div> <img decoding="async" loading="lazy" src="https://xtratheme.com/arabic-elementor/corporate-3/wp-content/uploads/sites/134/2022/07/mapmarker.png" style="display:block;" /> </div>`; 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), cz3680);}}, 250 );}

تواصل معنا

.elementor-913 .elementor-element.elementor-element-db16246{--display:flex;}.elementor-913 .elementor-element.elementor-element-81c781c .cz_title .cz_title_content{color:#0a0443;font-weight:700;}.elementor-913 .elementor-element.elementor-element-81c781c .cz_title:hover .cz_title_content,.elementor-913 .elementor-element.elementor-element-81c781c .cz_title_parent_box:hover .cz_title .cz_title_content{color:#d90a2c;}.elementor-913 .elementor-element.elementor-element-81c781c .cz_title .cz_title_icon_before{font-size:22px;color:#ffffff;background-color:#0a0443;padding:8px;margin-right:20px;border-radius:0 15px;}.elementor-913 .elementor-element.elementor-element-81c781c .cz_title:hover .cz_title_icon_before{background-color:#d90a2c;margin-top:-3px;margin-bottom:3px;}.rtl .elementor-913 .elementor-element.elementor-element-81c781c .cz_title .cz_title_icon_before{margin-right:0px;margin-left:20px;}@media(max-width:767px){.elementor-913 .elementor-element.elementor-element-81c781c .cz_title .cz_title_icon_before{font-size:16px;margin-bottom:10px;}}

اتصل الآن

001800345678

شراء قالب

دروس الفيديو

مركز الدعم

عرض العملاء

تمكين تصدير القسم