@here/harp-examples/dist/examples/markers_dynamic_bundle.js

harp.gl Examples

(()=>{"use strict";var e={7227:(e,t,I)=>{t.k=void 0;const M=I(2194),N=I(8957),o=I(5636),i=I(3074),n=I(2998),a=I(4565);!function(e){const t=[{name:"redIcon",url:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDM4IDQ3Ij48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMEYxNjIxIiBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNMTUgNDZjMCAuMzE3IDEuNzkuNTc0IDQgLjU3NHM0LS4yNTcgNC0uNTc0YzAtLjMxNy0xLjc5LS41NzQtNC0uNTc0cy00IC4yNTctNCAuNTc0eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiNiNjAxMDEiIGQ9Ik0zMy4yNSAzMS42NTJBMTkuMDE1IDE5LjAxNSAwIDAgMCAzOCAxOS4wNkMzOCA4LjU0OSAyOS40NzggMCAxOSAwUzAgOC41NSAwIDE5LjA1OWMwIDQuODIzIDEuNzk1IDkuMjMzIDQuNzUgMTIuNTkzTDE4Ljk3NSA0NiAzMy4yNSAzMS42NTJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzZBNkQ3NCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTI2Ljg2MiAzNy41bDQuNzE0LTQuNzdjMy44MjItMy41NzYgNS45MjQtOC40MTEgNS45MjQtMTMuNjJDMzcuNSA4Ljg0NyAyOS4yLjUgMTkgLjVTLjUgOC44NDguNSAxOS4xMWMwIDUuMjA5IDIuMTAyIDEwLjA0NCA1LjkxOSAxMy42MTRsNC43MTkgNC43NzZoMTUuNzI0ek0xOSAwYzEwLjQ5MyAwIDE5IDguNTI1IDE5IDE5LjA0MSAwIDUuNTA3LTIuMzQ4IDEwLjQ1NC02LjA3OSAxMy45MzJMMTkgNDYgNi4wNzkgMzIuOTczQzIuMzQ4IDI5LjQ5NSAwIDI0LjU0OCAwIDE5LjA0IDAgOC41MjUgOC41MDcgMCAxOSAweiI+PC9wYXRoPjwvZz48L3N2Zz4K"},{name:"greenIcon",url:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDM4IDQ3Ij48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMEYxNjIxIiBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNMTUgNDZjMCAuMzE3IDEuNzkuNTc0IDQgLjU3NHM0LS4yNTcgNC0uNTc0YzAtLjMxNy0xLjc5LS41NzQtNC0uNTc0cy00IC4yNTctNCAuNTc0eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwNGI2MDEiIGQ9Ik0zMy4yNSAzMS42NTJBMTkuMDE1IDE5LjAxNSAwIDAgMCAzOCAxOS4wNkMzOCA4LjU0OSAyOS40NzggMCAxOSAwUzAgOC41NSAwIDE5LjA1OWMwIDQuODIzIDEuNzk1IDkuMjMzIDQuNzUgMTIuNTkzTDE4Ljk3NSA0NiAzMy4yNSAzMS42NTJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzZBNkQ3NCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTI2Ljg2MiAzNy41bDQuNzE0LTQuNzdjMy44MjItMy41NzYgNS45MjQtOC40MTEgNS45MjQtMTMuNjJDMzcuNSA4Ljg0NyAyOS4yLjUgMTkgLjVTLjUgOC44NDguNSAxOS4xMWMwIDUuMjA5IDIuMTAyIDEwLjA0NCA1LjkxOSAxMy42MTRsNC43MTkgNC43NzZoMTUuNzI0ek0xOSAwYzEwLjQ5MyAwIDE5IDguNTI1IDE5IDE5LjA0MSAwIDUuNTA3LTIuMzQ4IDEwLjQ1NC02LjA3OSAxMy45MzJMMTkgNDYgNi4wNzkgMzIuOTczQzIuMzQ4IDI5LjQ5NSAwIDI0LjU0OCAwIDE5LjA0IDAgOC41MjUgOC41MDcgMCAxOSAweiI+PC9wYXRoPjwvZz48L3N2Zz4K"},{name:"blueIcon",url:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSI0NyIgdmlld0JveD0iMCAwIDM4IDQ3Ij48ZyBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjMEYxNjIxIiBmaWxsLW9wYWNpdHk9Ii40IiBkPSJNMTUgNDZjMCAuMzE3IDEuNzkuNTc0IDQgLjU3NHM0LS4yNTcgNC0uNTc0YzAtLjMxNy0xLjc5LS41NzQtNC0uNTc0cy00IC4yNTctNCAuNTc0eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMwMTgwYjYiIGQ9Ik0zMy4yNSAzMS42NTJBMTkuMDE1IDE5LjAxNSAwIDAgMCAzOCAxOS4wNkMzOCA4LjU0OSAyOS40NzggMCAxOSAwUzAgOC41NSAwIDE5LjA1OWMwIDQuODIzIDEuNzk1IDkuMjMzIDQuNzUgMTIuNTkzTDE4Ljk3NSA0NiAzMy4yNSAzMS42NTJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzZBNkQ3NCIgZmlsbC1vcGFjaXR5PSIuNSIgZD0iTTI2Ljg2MiAzNy41bDQuNzE0LTQuNzdjMy44MjItMy41NzYgNS45MjQtOC40MTEgNS45MjQtMTMuNjJDMzcuNSA4Ljg0NyAyOS4yLjUgMTkgLjVTLjUgOC44NDguNSAxOS4xMWMwIDUuMjA5IDIuMTAyIDEwLjA0NCA1LjkxOSAxMy42MTRsNC43MTkgNC43NzZoMTUuNzI0ek0xOSAwYzEwLjQ5MyAwIDE5IDguNTI1IDE5IDE5LjA0MSAwIDUuNTA3LTIuMzQ4IDEwLjQ1NC02LjA3OSAxMy45MzJMMTkgNDYgNi4wNzkgMzIuOTczQzIuMzQ4IDI5LjQ5NSAwIDI0LjU0OCAwIDE5LjA0IDAgOC41MjUgOC41MDcgMCAxOSAweiI+PC9wYXRoPjwvZz48L3N2Zz4K"}];let I=0;!function(e){const N=new n.VectorTileDataSource({baseUrl:"https://vector.hereapi.com/v2/vectortiles/base/mc",apiFormat:n.APIFormat.XYZOMV,styleSetName:"tilezen",maxDataLevel:17,authenticationCode:a.apikey,authenticationMethod:{method:n.AuthenticationMethod.QueryString,name:"apikey"},copyrightInfo:a.copyrightInfo});e.addDataSource(N);for(const{name:I,url:M}of t)e.userImageCache.addImage(I,M);const o=new M.FeaturesDataSource({name:"geojson",styleSetName:"geojson",gatherFeatureAttributes:!0});e.addDataSource(o),function(e,N){e.canvas.addEventListener("click",(o=>{if(o.shiftKey){const i=e.getGeoCoordinatesAt(o.clientX,o.clientY);i&&(N.add(new M.MapViewPointFeature(i.toGeoPoint(),{text:I.toString(),id:I,icon:t[I%t.length].name,renderOrder:I})),I++)}else o.ctrlKey&&function(e,t,I,N){var o;const i=t.dataProvider().name,n=e.intersectMapObjects(I,N).filter((e=>{var t;return(null===(t=e.userData)||void 0===t?void 0:t.$layer)===i}));if(0===n.length)return;const a=null===(o=n[0].userData)||void 0===o?void 0:o.__mapViewUuid;if(void 0!==a){const e=new M.MapViewPointFeature([]);e.uuid=a,t.remove(e)}}(e,N,o.pageX,o.pageY)})),window.addEventListener("keypress",(e=>{"c"===e.key&&(N.clear(),I=0)}));const o=document.createElement("div");o.style.position="absolute",o.style.cssFloat="right",o.style.top="10px",o.style.right="10px",o.style.backgroundColor="grey",o.innerHTML="\nShift+Left Click to add a marker<br/>Ctrl+Left Click to remove it<br/>\nPress 'c' to clear the map.<br/>",document.body.appendChild(o)}(e,o)}(function(e){const t=document.getElementById("mapCanvas"),I=new i.MapView({canvas:t,theme:{extends:"resources/berlin_tilezen_base.json",styles:{geojson:[{when:["==",["geometry-type"],"Point"],technique:"labeled-icon",imageTexture:["get","icon"],text:["get","text"],size:15,priority:1e3,color:"black",iconMayOverlap:!0,textMayOverlap:!0,renderOrder:["get","renderOrder"],iconFadeTime:0,textFadeTime:0}]}},target:new N.GeoCoordinates(52.52,13.4),zoomLevel:12});i.CopyrightElementHandler.install("copyrightNotice").attach(I);const M=new o.MapControls(I),n=new o.MapControlsUI(M,{projectionSwitch:!0,zoomLevel:"input"});return t.parentElement.appendChild(n.domElement),window.addEventListener("resize",(()=>{I.resize(window.innerWidth,window.innerHeight)})),I.update(),I}())}(t.k||(t.k={}))},4428:e=>{e.exports=THREE}},t={};function I(M){if(t[M])return t[M].exports;var N=t[M]={exports:{}};return e[M].call(N.exports,N,N.exports,I),N.exports}I.m=e,I.x=e=>{},I.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return I.d(t,{a:t}),t},I.d=(e,t)=>{for(var M in t)I.o(t,M)&&!I.o(e,M)&&Object.defineProperty(e,M,{enumerable:!0,get:t[M]})},I.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),I.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),I.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},I.j=431,(()=>{var e={431:0,738:0},t=[[7227,592]],M=e=>{},N=(N,o)=>{for(var i,n,[a,r,u,c]=o,g=0,A=[];g<a.length;g++)n=a[g],I.o(e,n)&&e[n]&&A.push(e[n][0]),e[n]=0;for(i in r)I.o(r,i)&&(I.m[i]=r[i]);for(u&&u(I),N&&N(o);A.length;)A.shift()();return c&&t.push.apply(t,c),M()},o=self.webpackChunk_here_harp_examples=self.webpackChunk_here_harp_examples||[];function i(){for(var M,N=0;N<t.length;N++){for(var o=t[N],i=!0,n=1;n<o.length;n++){var a=o[n];0!==e[a]&&(i=!1)}i&&(t.splice(N--,1),M=I(I.s=o[0]))}return 0===t.length&&(I.x(),I.x=e=>{}),M}o.forEach(N.bind(null,0)),o.push=N.bind(null,o.push.bind(o));var n=I.x;I.x=()=>(I.x=n||(e=>{}),(M=i)())})(),I.x()})();