File Editor
Directories:
.. (Back)
Files:
view.asset.php
view.css
view.js
view.rtl.css
Create New File
Create
Edit File: view.js
(()=>{var t={82063:(t,i,e)=>{"use strict";function o(t,i){return{default:{details:"mapbox://styles/automattic/cjolkhmez0qdd2ro82dwog1in",no_details:"mapbox://styles/automattic/cjolkci3905d82soef4zlmkdo"},black_and_white:{details:"mapbox://styles/automattic/cjolkixvv0ty42spgt2k4j434",no_details:"mapbox://styles/automattic/cjolkgc540tvj2spgzzoq37k4"},satellite:{details:"mapbox://styles/mapbox/satellite-streets-v10",no_details:"mapbox://styles/mapbox/satellite-v9"},terrain:{details:"mapbox://styles/automattic/cjolkf8p405fh2soet2rdt96b",no_details:"mapbox://styles/automattic/cjolke6fz12ys2rpbpvgl12ha"}}[t][i?"details":"no_details"]}e.d(i,{o:()=>o})},16815:(t,i,e)=>{"use strict";e.d(i,{BY:()=>r,ES:()=>s,_t:()=>n,iU:()=>a,jF:()=>o});const o=t=>Object.hasOwn(t,"lat")&&Object.hasOwn(t,"lng")?t:{lat:t.latitude||0,lng:t.longitude||0};function s(t,i){const e=new t.LngLatBounds;return i.forEach((t=>{e.extend([t.coordinates.longitude,t.coordinates.latitude])})),e}function n(t,i){t.fitBounds(i,{padding:{top:80,bottom:80,left:40,right:40}})}function a(t,i){t.innerHTML=`\n\t\t<?xml version="1.0" encoding="UTF-8"?>\n\t\t<svg version="1.1" viewBox="0 0 32 38" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">\n\t\t\t<g fill-rule="evenodd">\n\t\t\t\t<path id="d" d="m16 38s16-11.308 16-22-7.1634-16-16-16-16 5.3076-16 16 16 22 16 22z" fill="${i}"/>\n\t\t\t</g>\n\t\t</svg>\n\t`}function r(t){return new t.Popup({closeButton:!0,closeOnClick:!1,offset:{left:[0,0],top:[0,5],right:[0,0],bottom:[0,-40]}})}},42470:(t,i,e)=>{"use strict";e.d(i,{IR:()=>c,Yc:()=>r,c6:()=>a});var o=e(34377);const s=6371e3;function n(t){return Math.abs(s*Math.cos(t*Math.PI/180)*2*Math.PI/256)}function a(t,i){return 512/Math.pow(2,t)*.5*n(i)}function r(t,i){return new Promise((e=>{if(i.mapkitScriptIsLoading)(0,o.Cu)(i,"mapkit").then((t=>{e(t)}));else{i.mapkitScriptIsLoading=!0;const s=t.createElement("script");s.addEventListener("load",(async()=>{const t=await(0,o.Cu)(i,"mapkit");i.mapkitScriptIsLoading=!1,e(t)}),{once:!0}),s.src="https://cdn.apple-mapkit.com/mk/5.x.x/mapkit.js",s.crossOrigin="anonymous",t.head.appendChild(s)}}))}function c(t,i,e){return new Promise(((i,o)=>{e.mapkitIsInitialized?i():e.mapkitIsInitializing?function(t){return new Promise(((i,e)=>{const o=()=>{void 0===t.mapkitIsInitializing?e():!1===t.mapkitIsInitializing?i():t.requestAnimationFrame(o)};o()}))}(e).then((()=>{i()})):(e.mapkitIsInitializing=!0,e.mapkitIsInitialized=!1,t.init({authorizationCallback:async t=>{try{const s=await fetch("https://public-api.wordpress.com/wpcom/v2/mapkit");if(200===s.status){t((await s.json()).wpcom_mapkit_access_token)}else o();e.mapkitIsInitializing=!1,e.mapkitIsInitialized=!0,i()}catch(t){o()}}}))}))}},91844:(t,i,e)=>{"use strict";e.d(i,{A:()=>o});const o=(t,i=null)=>{if(i)t.style.height=i+"px";else{const i=t.offsetWidth,e=window.location.search.indexOf("map-block-counter")>-1?window.innerHeight:.8*window.innerHeight,o=Math.min(i*(3/4),e);t.style.height=o+"px"}}},18109:(t,i,e)=>{"use strict";e.d(i,{i:()=>s.A,p:()=>o.A});var o=e(2370),s=e(56955)},2370:(t,i,e)=>{"use strict";e.d(i,{A:()=>l});var o=e(34377),s=e(71738),n=e(55740),a=e(82063),r=e(16815),c=e(91844);const l=class{constructor(t,i=()=>{}){this.root=t;const{currentDoc:e,currentWindow:s}=(0,o.sG)(this.root);this.document=e,this.window=s,this.onError=i,this.mapStyle=this.root.getAttribute("data-map-style")||"default",this.mapDetails="true"===this.root.getAttribute("data-map-details"),this.apiKey=this.root.getAttribute("data-api-key")||null,this.scrollToZoom="true"===this.root.getAttribute("data-scroll-to-zoom"),this.showFullscreenButton="true"===this.root.getAttribute("data-show-fullscreen-button"),this.points=JSON.parse(this.root.getAttribute("data-points")||"[]"),this.mapCenter=JSON.parse(this.root.getAttribute("data-map-center")||"{}"),this.mapHeight=this.root.getAttribute("data-map-height")||null,this.markerColor=this.root.getAttribute("data-marker-color")||"red";const n=this.root.getAttribute("data-zoom");this.zoom=n&&n.length?parseInt(this.root.getAttribute("data-zoom"),10):13,this.activeMarker=null;const a=this.root.querySelector("ul");if(a&&(a.style.display="none"),!this.apiKey||!this.apiKey.length)throw new Error("API key missing")}initDOM(){this.root.innerHTML='<div class="wp-block-jetpack-map__gm-container"></div>',this.container=this.root.querySelector(".wp-block-jetpack-map__gm-container")}loadMapLibraries(){return new Promise((t=>{const i={"mapbox-gl-js":()=>{(0,o.Cu)(this.window,"mapboxgl").then((i=>{this.mapboxgl=i,i.accessToken=this.apiKey,t(i)}))}};(0,o.a$)(n,i,this.root)}))}initMap(){try{this.map=new this.mapboxgl.Map({container:this.container,style:(0,a.o)(this.mapStyle,this.mapDetails),center:(0,r.jF)(this.mapCenter),zoom:this.zoom,pitchWithRotate:!1,attributionControl:!1,dragRotate:!1})}catch(t){return void this.onError("mapbox_error",t.message)}this.scrollToZoom||this.map.scrollZoom.disable(),this.showFullscreenButton&&this.map.addControl(new this.mapboxgl.FullscreenControl),this.map.on("error",(t=>{this.onError("mapbox_error",t.error.message)})),this.zoomControl=new this.mapboxgl.NavigationControl({showCompass:!1,showZoom:!0})}initInfoWindow(){this.infoWindowContent=this.document.createElement("div"),this.infoWindow=(0,r.BY)(this.mapboxgl),this.infoWindow.setDOMContent(this.infoWindowContent)}setBoundsByMarkers(){if(!this.map)return;if(this.map.dragPan.enable(),!this.points.length)return;if(this.activeMarker)return;const t=(0,r.ES)(this.mapboxgl,this.points);this.points.length>1?(0,r._t)(this.map,t):(this.map.setCenter(t.getCenter()),this.map.addControl(this.zoomControl))}sizeMap=()=>{(0,c.A)(this.container,this.mapHeight),this.map.resize(),this.setBoundsByMarkers()};initMapSize(){this.setBoundsByMarkers(),this.debouncedSizeMap=(0,s.s)(this.sizeMap,250),this.debouncedSizeMap()}closeInfoWindow=()=>{this.activeMarker=null,this.infoWindow.remove()};initHandlers(){this.map.getCanvas().addEventListener("click",this.closeInfoWindow),window.addEventListener("resize",this.debouncedSizeMap)}showInfoWindow(t,i){const e=[i.coordinates.longitude,i.coordinates.latitude];this.activeMarker=t,this.infoWindowContent.innerHTML="<h3></h3><p></p>",this.infoWindowContent.querySelector("h3").textContent=i.title,this.infoWindowContent.querySelector("p").textContent=i.caption,this.infoWindow.setLngLat(e).addTo(this.map)}initMarkers(){this.points.forEach((t=>{const i=[t.coordinates.longitude,t.coordinates.latitude],e=this.document.createElement("div");e.className="wp-block-jetpack-map-marker";const o=new this.mapboxgl.Marker(e).setLngLat(i).setOffset([0,-19]).addTo(this.map);o.getElement().addEventListener("click",(()=>this.showInfoWindow(o,t))),(0,r.iU)(e,this.markerColor)}))}async init(){this.initDOM(),await this.loadMapLibraries(),this.initMap(),this.initInfoWindow(),this.initMapSize(),this.initHandlers(),this.initMarkers()}}},56955:(t,i,e)=>{"use strict";e.d(i,{A:()=>a});var o=e(71738),s=e(42470),n=e(91844);const a=class{constructor(t){this.root=t,this.blog_id=this.root.getAttribute("data-blog-id"),this.center=JSON.parse(this.root.getAttribute("data-map-center")),this.points=JSON.parse(this.root.getAttribute("data-points")||"[]"),this.color=this.root.getAttribute("data-marker-color")||"red",this.zoom=parseFloat(this.root.getAttribute("data-zoom"))||10,this.scrollToZoom="true"===this.root.getAttribute("data-scroll-to-zoom"),this.mapStyle=this.root.getAttribute("data-map-style")||"default",this.mapHeight=this.root.getAttribute("data-map-height")||null,this.onError=()=>{}}async init(){this.initDOM(),await this.loadLibrary(),await this.fetchKey(),this.initMapSize(),this.initMap(),this.addPoints(),this.initHandlers()}initDOM(){this.root.innerHTML='<div class="wp-block-jetpack-map__mb-container"></div>',this.container=this.root.querySelector(".wp-block-jetpack-map__mb-container")}sizeMap=()=>{(0,n.A)(this.container,this.mapHeight)};initMapSize(){this.debouncedSizeMap=(0,o.s)(this.sizeMap,250),this.sizeMap()}initHandlers(){window.addEventListener("resize",this.debouncedSizeMap)}loadLibrary(){return new Promise((t=>{(0,s.Yc)(document,window).then((i=>{this.mapkit=i,this.mapkit.addEventListener("error",(t=>{this.onError(t)})),t()}))}))}fetchKey(){return(0,s.IR)(this.mapkit,this.blog_id,window)}initMap(){const t=new this.mapkit.Coordinate(this.center.lat,this.center.lng),i=(()=>{switch(this.mapStyle){case"satellite":return this.mapkit.Map.MapTypes.Satellite;case"black_and_white":return this.mapkit.Map.MapTypes.MutedStandard;case"hybrid":return this.mapkit.Map.MapTypes.Hybrid;default:return this.mapkit.Map.MapTypes.Standard}})();this.map=new this.mapkit.Map(this.container,{center:t,mapType:i,showsMapTypeControl:!1}),this.points.length<2&&this.zoom&&this.setZoom(),this.scrollToZoom&&(this.map._allowWheelToZoom=!0)}setZoom(){this.map.cameraDistance=(0,s.c6)(this.zoom,this.center.lat)}addPoints(){const t=this.points.map((t=>{const i=new this.mapkit.Coordinate(t.coordinates.latitude,t.coordinates.longitude);return new this.mapkit.MarkerAnnotation(i,{color:this.color,title:t.title,callout:{calloutContentForAnnotation:function(t){const i=document.createElement("div");i.style.width=t.element.parentElement.offsetWidth/2+"px";const e=i.appendChild(document.createElement("div"));e.style.fontSize="17px",e.style.fontWeight="600",e.style.lineHeight="19px",e.style.marginTop="8px",e.textContent=t.title;const o=i.appendChild(document.createElement("p"));return o.style.fontSize="14px",o.style.margin="0px 0px 4px 0px",o.textContent=t.data?.caption,i}},calloutEnabled:!0,data:{caption:t.caption}})}));this.map.showItems(t)}}},34377:(t,i,e)=>{"use strict";function o(t){const i=t.ownerDocument;return{currentDoc:i,currentWindow:i.defaultView||i.parentWindow}}function s(t,i,s){let n;try{n=new URL("editor-assets",e.p)}catch(t){return}const a=n.href,{currentDoc:r}=o(s),c=r.getElementsByTagName("head")[0];t.forEach((t=>{const[e,o]=t.file.split("/").pop().split(".");if("css"===o){if(r.getElementById(t.id))return;const i=r.createElement("link");i.id=t.id,i.rel="stylesheet",i.href=`${a}/${e}-${t.version}.${o}`,c.appendChild(i)}if("js"===o){const s=i[t.id]?i[t.id]:null;if(r.getElementById(t.id))return s();const n=r.createElement("script");n.id=t.id,n.type="text/javascript",n.src=`${a}/${e}-${t.version}.${o}`,n.onload=s,c.appendChild(n)}}))}function n(t,i){return new Promise((e=>{const o=()=>{t[i]?e(t[i]):t.requestAnimationFrame(o)};o()}))}e.d(i,{Cu:()=>n,a$:()=>s,sG:()=>o})},71738:(t,i,e)=>{"use strict";function o(t,i){let e;return function(...o){clearTimeout(e),e=setTimeout((()=>t.apply(this,o)),i)}}e.d(i,{s:()=>o})},79366:(t,i,e)=>{"object"==typeof window&&window.Jetpack_Block_Assets_Base_Url&&(e.p=window.Jetpack_Block_Assets_Base_Url)},98490:t=>{"use strict";t.exports=window.wp.domReady},55740:t=>{"use strict";t.exports=JSON.parse('[{"id":"mapbox-gl-js","file":"node_modules/mapbox-gl/dist/mapbox-gl.js","version":"1.13.0"},{"id":"mapbox-gl-css","file":"node_modules/mapbox-gl/dist/mapbox-gl.css","version":"1.13.0"}]')}},i={};function e(o){var s=i[o];if(void 0!==s)return s.exports;var n=i[o]={exports:{}};return t[o](n,n.exports,e),n.exports}e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},e.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),e.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),(()=>{var t;e.g.importScripts&&(t=e.g.location+"");var i=e.g.document;if(!t&&i&&(i.currentScript&&"SCRIPT"===i.currentScript.tagName.toUpperCase()&&(t=i.currentScript.src),!t)){var o=i.getElementsByTagName("script");if(o.length)for(var s=o.length-1;s>-1&&(!t||!/^http(s?):/.test(t));)t=o[s--].src}if(!t)throw new Error("Automatic publicPath is not supported in this browser");t=t.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),e.p=t+"../"})(),(()=>{"use strict";e(79366)})(),(()=>{"use strict";var t=e(98490),i=e.n(t),o=e(18109);i()((function(){Array.from(document.querySelectorAll(".wp-block-jetpack-map")).forEach((async t=>{try{if("mapkit"===t.getAttribute("data-map-provider")){const i=new o.i(t);i.onError=()=>{t.innerHtml="";new o.p(t).init()},i.init()}else{new o.p(t).init()}}catch(t){}}))}))})()})();
Save Changes
Rename File
Rename