(window.webpackJsonp=window.webpackJsonp||[]).push([[68],{297:function(e,t,n){"use strict";n.r(t);var a=n(16),o=n(3),r=n(83),s=n(25),i=n(62),c=n(10),g=n(2),p=n(11),l=n(76),m=n(67),w=n(5),u=n(19),h=n(4),v=n(51),d=new w.a({source:new i.a({url:"https://a.tiles.mapbox.com/v3/aj.1x1-degrees.json?secure=1",crossOrigin:""})}),f=new a.a({geometry:new s.a(Object(h.g)([0,-10])),name:"Fish.1"}),I=new a.a({geometry:new s.a(Object(h.g)([0,-10])),name:"Fish.1 Island"}),x=new a.a({geometry:new s.a(Object(h.g)([-30,10])),name:"Fish.2 Island"}),b=new p.c({image:new l.a({anchor:[.5,.9],src:"data/fish.png",crossOrigin:"",scale:[0,0],rotation:Math.PI/4}),text:new m.a({text:"FISH\nTEXT",scale:[0,0],rotation:Math.PI/4,textAlign:"center",textBaseline:"top"})}),y=0,M=45;f.setStyle((function(){var e=3*Math.sin(y*Math.PI/180),t=4*Math.sin(M*Math.PI/180);return b.getImage().setScale([e,t]),b.getText().setScale([e,t]),b})),d.on("postrender",(function(e){var t=Object(v.b)(e),n=3*Math.cos(y*Math.PI/180),a=4*Math.cos(M*Math.PI/180);b.getImage().setScale([n,a]),b.getText().setScale([n,a]),t.drawFeature(x,b)}));var P=new c.a({features:[f,I,x]}),O=new u.a({source:P}),j=new o.a({layers:[d,O],target:document.getElementById("map"),view:new g.a({center:Object(h.g)([-15,0]),zoom:3})});setInterval((function(){y=(y+4)%360,M=(M+5)%360,P.changed()}),1e3);var E=document.getElementById("popup"),F=new r.a({element:E,positioning:"bottom-center",stopEvent:!1,offset:[0,-50]});j.addOverlay(F),j.on("click",(function(e){var t=j.forEachFeatureAtPixel(e.pixel,(function(e){return e}));if($(E).popover("dispose"),t){var n=t.getGeometry().getCoordinates();F.setPosition(n),$(E).popover({placement:"top",html:!0,animation:!1,content:t.get("name")}),$(E).popover("show")}})),j.on("pointermove",(function(e){if(e.dragging)$(E).popover("dispose");else{var t=j.getEventPixel(e.originalEvent),n=j.hasFeatureAtPixel(t);j.getTarget().style.cursor=n?"pointer":""}}))}},[[297,0]]]);
//# sourceMappingURL=icon-scale.js.map