@here/harp-examples
Version:
harp.gl Examples
1 lines • 3.76 kB
JavaScript
(()=>{"use strict";var e={1767:(e,n,o)=>{n.x=void 0;const t=o(8957),a=o(5636),r=o(3074),d=o(2998),i=o(3860),l=o(4565);!function(e){const n=function(e){const n=document.getElementById("mapCanvas"),o=new r.MapView({canvas:n,theme:"resources/berlin_tilezen_base.json"});r.CopyrightElementHandler.install("copyrightNotice",o);const d=new a.MapControls(o);d.maxTiltAngle=60;const i=new t.GeoCoordinates(1.2893999,103.8537169);o.lookAt({target:i,zoomLevel:16.1,tilt:60,heading:240}),o.zoomLevel=16.1;const l=new a.MapControlsUI(d);return n.parentElement.appendChild(l.domElement),o.resize(window.innerWidth,window.innerHeight),window.addEventListener("resize",(()=>{o.resize(window.innerWidth,window.innerHeight)})),o}(),o=new d.VectorTileDataSource({baseUrl:"https://vector.hereapi.com/v2/vectortiles/base/mc",apiFormat:d.APIFormat.XYZOMV,styleSetName:"tilezen",authenticationCode:l.apikey,authenticationMethod:{method:d.AuthenticationMethod.QueryString,name:"apikey"},copyrightInfo:l.copyrightInfo});n.addDataSource(o);const s={labels:!1,toneMappingExposure:1,outline:{enabled:!1,ghostExtrudedPolygons:!1,thickness:.004,color:"#898989"},bloom:{enabled:!0,strength:.5,threshold:.83,radius:1},vignette:{enabled:!0,offset:1,darkness:1},sepia:{enabled:!0,amount:.55}},p=()=>{n.renderLabels=s.labels,n.renderer.toneMappingExposure=s.toneMappingExposure,n.mapRenderingManager.outline.enabled=s.outline.enabled,n.mapRenderingManager.updateOutline(s.outline),n.mapRenderingManager.bloom=s.bloom,n.mapRenderingManager.vignette=s.vignette,n.mapRenderingManager.sepia=s.sepia,n.update()};p();const h=new i.GUI({width:300});h.add(s,"labels").onChange(p),h.add(s,"toneMappingExposure",0,1.5).onChange(p);const g=h.addFolder("Outlines");g.add(s.outline,"enabled").onChange(p),g.add(s.outline,"thickness",.001,.03).onChange(p),g.add(s.outline,"ghostExtrudedPolygons").onChange(p),g.addColor(s.outline,"color").onChange(p);const u=h.addFolder("Bloom");u.add(s.bloom,"enabled").onChange(p),u.add(s.bloom,"strength",0,2).onChange(p),u.add(s.bloom,"threshold",0,1).onChange(p),u.add(s.bloom,"radius",0,1).onChange(p);const c=h.addFolder("Vignette");c.add(s.vignette,"enabled").onChange(p),c.add(s.vignette,"offset",0,2).onChange(p),c.add(s.vignette,"darkness",0,2).onChange(p);const b=h.addFolder("Sepia");b.add(s.sepia,"enabled").onChange(p),b.add(s.sepia,"amount",0,1).onChange(p)}(n.x||(n.x={}))},4428:e=>{e.exports=THREE}},n={};function o(t){if(n[t])return n[t].exports;var a=n[t]={exports:{}};return e[t].call(a.exports,a,a.exports,o),a.exports}o.m=e,o.x=e=>{},o.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return o.d(n,{a:n}),n},o.d=(e,n)=>{for(var t in n)o.o(n,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=658,(()=>{var e={658:0,738:0},n=[[1767,592]],t=e=>{},a=(a,r)=>{for(var d,i,[l,s,p,h]=r,g=0,u=[];g<l.length;g++)i=l[g],o.o(e,i)&&e[i]&&u.push(e[i][0]),e[i]=0;for(d in s)o.o(s,d)&&(o.m[d]=s[d]);for(p&&p(o),a&&a(r);u.length;)u.shift()();return h&&n.push.apply(n,h),t()},r=self.webpackChunk_here_harp_examples=self.webpackChunk_here_harp_examples||[];function d(){for(var t,a=0;a<n.length;a++){for(var r=n[a],d=!0,i=1;i<r.length;i++){var l=r[i];0!==e[l]&&(d=!1)}d&&(n.splice(a--,1),t=o(o.s=r[0]))}return 0===n.length&&(o.x(),o.x=e=>{}),t}r.forEach(a.bind(null,0)),r.push=a.bind(null,r.push.bind(r));var i=o.x;o.x=()=>(o.x=i||(e=>{}),(t=d)())})(),o.x()})();