https://www.sea.museum/_next/static/chunks/1531.9ac04e0925e6dad6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1531],{31531:function(e,t,n){n.r(t),n.d(t,{ChartMap:function(){return _}});var l=n(24246),s=n(76396),i=n(13654),o=n(43800),r=n(45854),a=n(29166),u=n(37786),p=n(83038),h=n(74363),d=n(27252),c=n(22154),f=n(84586),m=n(12332),w=n(51281),g=n(20946),k=n(27378);function _(e){let{locations:t}=e,n=(0,k.useRef)(null);return(0,k.useEffect)(()=>{var e,l;let k=n.current&&s.f.new(n.current);if(!k)return;k.setThemes([w.Z.new(k)]);let _=(null===(e=t[0])||void 0===e?void 0:e.longitude)||0,v=(null===(l=t[0])||void 0===l?void 0:l.latitude)||0,y=k.container.children.push(p.T.new(k,{panX:"rotateX",panY:"rotateY",projection:h.Z(),rotationX:-1*_||-133,rotationY:-1*v||-26,maxZoomLevel:1})),C=y.series.push(d.W.new(k,{}));C.mapPolygons.template.setAll({fill:i.$_("rgb(28 25 23)"),fillOpacity:.1,strokeOpacity:0}),C.data.push({geometry:c.QD(90,180,-90,-180)}),y.series.push(d.W.new(k,{geoJSON:g.Z})).mapPolygons.template.setAll({stroke:i.$_(14078929),fill:i.$_(7893356)});let O=y.series.push(f.S.new(k,{}));O.mapLines.template.setAll({stroke:i.$_(14078929),strokeWidth:1.5,strokeOpacity:.9});let $=y.series.push(m.l.new(k,{}));$.bullets.push(()=>{let e=o.C.new(k,{radius:7,tooltipY:0,fill:i.$_(8110021)});return r.g.new(k,{sprite:e})});let b=t.map(e=>$.pushDataItem({latitude:e.latitude,longitude:e.longitude})),Y=O.pushDataItem({pointsToConnect:b}),D=y.series.push(m.l.new(k,{})),L=o.C.new(k,{radius:12,tooltipY:0,fill:i.$_(16024918)});return D.bullets.push(()=>{let e=a.W.new(k,{});return e.children.push(L),r.g.new(k,{sprite:e})}),D.pushDataItem({lineDataItem:Y,positionOnLine:0,autoRotate:!0}).animate({key:"positionOnLine",to:1,duration:5e3,easing:u.Uh(u.ix)}),y.appear(1e3,100).then(),()=>{k.dispose()}}),(0,l.jsx)("div",{ref:n,className:"h-full w-full"})}}}]);