@here/harp-examples
Version:
harp.gl Examples
1 lines • 4.2 kB
JavaScript
(()=>{"use strict";var e={5505:(e,t,n)=>{t.H=void 0;const o=n(8957),i=n(5636),r=n(3074),a=n(2998),c=n(4565);!function(e){document.body.innerHTML+="\n <style>\n #mapCanvas {\n top: 0;\n }\n </style>\n ";const t=function(e){const t=document.getElementById("mapCanvas"),n=new r.MapView({canvas:t,theme:{extends:"resources/berlin_tilezen_night_reduced.json",styles:{geojson:[{when:["==",["geometry-type"],"Point"],technique:"labeled-icon",text:["get","text"],priority:1e4,size:14,imageTexture:"custom-icon",screenHeight:32,iconScale:.5,distanceScale:1,iconYOffset:20}]},images:{"custom-icon":{url:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHdpZHRoPSI0OHB4IiBoZWlnaHQ9IjQ4cHgiIHZlcnNpb249IjEuMSIgaWQ9Imx1aS1pY29uLWRlc3RpbmF0aW9ucGluLW9uZGFyay1zb2xpZC1sYXJnZSIKCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4IDQ4IgoJIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDQ4IDQ4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0ibHVpLWljb24tZGVzdGluYXRpb25waW4tb25kYXJrLXNvbGlkLWxhcmdlLWJvdW5kaW5nLWJveCIgb3BhY2l0eT0iMCI+CgkJPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTQ3LDF2NDZIMVYxSDQ3IE00OCwwSDB2NDhoNDhWMEw0OCwweiIvPgoJPC9nPgoJPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmZmZmYiIGQ9Ik0yNCwyQzEzLjg3MDgsMiw1LjY2NjcsMTAuMTU4NCw1LjY2NjcsMjAuMjIzMwoJCWMwLDUuMDMyNSwyLjA1MzMsOS41ODg0LDUuMzcxNywxMi44ODgzTDI0LDQ2bDEyLjk2MTctMTIuODg4M2MzLjMxODMtMy4zLDUuMzcxNy03Ljg1NTgsNS4zNzE3LTEyLjg4ODMKCQlDNDIuMzMzMywxMC4xNTg0LDM0LjEyOTIsMiwyNCwyeiBNMjQsMjVjLTIuNzY1LDAtNS0yLjIzNS01LTVzMi4yMzUtNSw1LTVzNSwyLjIzNSw1LDVTMjYuNzY1LDI1LDI0LDI1eiIvPgo8L2c+Cjwvc3ZnPgo=",preload:!0}},imageTextures:[{name:"custom-icon",image:"custom-icon"}]},target:new o.GeoCoordinates(41.9028,12.4964),zoomLevel:5.5});r.CopyrightElementHandler.install("copyrightNotice").attach(n);const c=new i.MapControls(n),l=new i.MapControlsUI(c,{projectionSwitch:!0});t.parentElement.appendChild(l.domElement),window.addEventListener("resize",(()=>{n.resize(window.innerWidth,window.innerHeight)}));const s=new a.GeoJsonDataProvider("points",new URL("resources/points.json",window.location.href)),u=new a.VectorTileDataSource({dataProvider:s,name:"geojson",styleSetName:"geojson"});return n.addDataSource(u),n.update(),n}(),n=new a.VectorTileDataSource({baseUrl:"https://vector.hereapi.com/v2/vectortiles/base/mc",apiFormat:a.APIFormat.XYZOMV,styleSetName:"tilezen",maxDataLevel:17,authenticationCode:c.apikey,authenticationMethod:{method:a.AuthenticationMethod.QueryString,name:"apikey"},copyrightInfo:c.copyrightInfo});t.addDataSource(n)}(t.H||(t.H={}))},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=38,(()=>{var e={38:0,738:0},t=[[5505,592]],o=e=>{},i=(i,r)=>{for(var a,c,[l,s,u,d]=r,g=0,I=[];g<l.length;g++)c=l[g],n.o(e,c)&&e[c]&&I.push(e[c][0]),e[c]=0;for(a in s)n.o(s,a)&&(n.m[a]=s[a]);for(u&&u(n),i&&i(r);I.length;)I.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,c=1;c<r.length;c++){var l=r[c];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 c=n.x;n.x=()=>(n.x=c||(e=>{}),(o=a)())})(),n.x()})();