@here/harp-examples
Version:
harp.gl Examples
1 lines • 4.46 kB
JavaScript
(()=>{"use strict";var e={5578:(e,t,n)=>{t.X=void 0;const o=n(8957),i=n(5636),r=n(3074),a=n(2998),s=n(3860),l=n(4428),c=n(4565);!function(e){const t=function(){const e=document.getElementById("mapCanvas"),t=new r.MapView({canvas:e,projection:o.sphereProjection,theme:"resources/berlin_tilezen_base_globe.json"});e.addEventListener("contextmenu",(e=>e.preventDefault())),r.CopyrightElementHandler.install("copyrightNotice",t),t.resize(window.innerWidth,window.innerHeight),window.addEventListener("resize",(()=>{t.resize(window.innerWidth,window.innerHeight)}));const n=new a.VectorTileDataSource({baseUrl:"https://vector.hereapi.com/v2/vectortiles/base/mc",authenticationCode:c.apikey});return t.addDataSource(n),t}(),n={Dubai:new o.GeoCoordinates(25.19705,55.27419),BerlinStation:new o.GeoCoordinates(52.5250871,13.367208),BerlinReichstag:new o.GeoCoordinates(52.5186234,13.373993),BerlinTower:new o.GeoCoordinates(52.52081829,13.407225)};t.lookAt({target:n.Dubai,distance:1e3,tilt:45});const p={globe:!0,orbit:!1,flyTo:"Dubai",flyOver:!1},d={interpolation:l.InterpolateSmooth,loop:l.LoopOnce,repetitions:1,rotateOnlyClockWise:!0};let h;const g={controlPoints:[new i.ControlPoint({target:n.BerlinReichstag,timestamp:0,heading:300,tilt:45,distance:500}),new i.ControlPoint({target:n.BerlinStation,timestamp:10,heading:20,tilt:45,distance:3e3}),new i.ControlPoint({target:n.BerlinTower,timestamp:15,heading:180,tilt:35,distance:200})]},u=new s.GUI({width:300});function m(){h&&(h.stop(),h=void 0,p.flyOver=!1,p.orbit=!1)}u.add(p,"globe").onChange((()=>{t.projection=p.globe?o.sphereProjection:o.mercatorProjection})),u.add(p,"orbit").onChange((function(e){m(),p.orbit=e,e&&(h=function(){const e=i.CameraAnimationBuilder.createOrbitOptions(new i.ControlPoint(Object.assign(Object.assign({},i.CameraAnimationBuilder.getLookAtFromView(t)),{timestamp:0})),3);return Object.assign(e,d),new i.CameraKeyTrackAnimation(t,e)}(),h.start())})).listen(),u.add(p,"flyTo",[...Object.keys(n)]).onChange((function(e){if(m(),p.flyTo=e,""!==e){const o=new i.ControlPoint({target:n[e],distance:800,tilt:25,heading:360*Math.random(),timestamp:10}),r=i.CameraAnimationBuilder.createBowFlyToOptions(t,new i.ControlPoint(Object.assign(Object.assign({},i.CameraAnimationBuilder.getLookAtFromView(t)),{timestamp:0})),o);Object.assign(r,d),h=new i.CameraKeyTrackAnimation(t,r),h.start()}})).listen(),u.add(p,"flyOver").onChange((function(e){m(),p.flyOver=e,e&&(Object.assign(g,d),h=new i.CameraKeyTrackAnimation(t,g),h.start())})).listen(),u.add(d,"interpolation",{smooth:l.InterpolateSmooth,linear:l.InterpolateLinear,discrete:l.InterpolateDiscrete}).onChange((e=>{d.interpolation=parseInt(e,10),alert("This will only take effect for the next animation created")})).listen(),u.add(d,"repetitions",[1,2,3,5,10,1/0]).onChange((e=>{h&&(h.repetitions=e)})).listen(),u.add(d,"loop",{once:l.LoopOnce,pingpong:l.LoopPingPong,repeat:l.LoopRepeat}).onChange((e=>{d.loop=parseInt(e,10),h&&(h.loop=parseInt(e,10))})),u.add(d,"rotateOnlyClockWise").onChange((e=>{h&&(h.rotateOnlyClockwise=e)})).listen()}(t.X||(t.X={}))},4428:e=>{e.exports=THREE}},t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={exports:{}};return e[o].call(i.exports,i,i.exports,n),i.exports}n.m=e,n.x=e=>{},n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=195,(()=>{var e={195:0,738:0},t=[[5578,592]],o=e=>{},i=(i,r)=>{for(var a,s,[l,c,p,d]=r,h=0,g=[];h<l.length;h++)s=l[h],n.o(e,s)&&e[s]&&g.push(e[s][0]),e[s]=0;for(a in c)n.o(c,a)&&(n.m[a]=c[a]);for(p&&p(n),i&&i(r);g.length;)g.shift()();return d&&t.push.apply(t,d),o()},r=self.webpackChunk_here_harp_examples=self.webpackChunk_here_harp_examples||[];function a(){for(var o,i=0;i<t.length;i++){for(var r=t[i],a=!0,s=1;s<r.length;s++){var l=r[s];0!==e[l]&&(a=!1)}a&&(t.splice(i--,1),o=n(n.s=r[0]))}return 0===t.length&&(n.x(),n.x=e=>{}),o}r.forEach(i.bind(null,0)),r.push=i.bind(null,r.push.bind(r));var s=n.x;n.x=()=>(n.x=s||(e=>{}),(o=a)())})(),n.x()})();