storybook-static build dir included

storybook-static/assets/Alternatives-CyPTqT1o.js

@@ -0,0 +1,105 @@
+import{j as e}from"./jsx-runtime-DWbWqHZ-.js";import{useMDXComponents as l}from"./index-DbIxU3Ed.js";import{M as o}from"./index-Bn7NjsZi.js";import"./index-l2PZgWEW.js";import"./iframe-DhiI_5Bk.js";import"../sb-preview/runtime.js";import"./index-CaNG7YX3.js";import"./index-DXimoRZY.js";import"./index-B5xYo-Cg.js";import"./index-DrFu-skq.js";function r(s){const n={a:"a",h1:"h1",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...l(),...s.components};return e.jsxs(e.Fragment,{children:[e.jsx(o,{title:"Alternative solutions"}),`
+`,e.jsx(n.h1,{id:"alternative-solutions",children:"Alternative solutions"}),`
+`,e.jsxs(n.p,{children:[e.jsx(n.a,{href:"https://leafletjs.com",rel:"nofollow",children:"Leaflet"})," is the preferred map engine by Gemeente Amsterdam. However over the last several years, there has been coniderable advancements with map engines using WebGL. It's always wise to stay aware of the latest developments and advancements depending on what you want to deliver and how long the application should live for."]}),`
+`,e.jsx(n.h2,{id:"map-engines",children:"Map engines"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://www.esri.com/en-us/arcgis/about-arcgis/overview",rel:"nofollow",children:"ESRI ArcGIS"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Provides a seamless end-to-end solution from data-entry to configuring map applications/pages."]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Professional and shareable maps. For example, ",e.jsx(n.a,{href:"https://data.cityofnewyork.us/Housing-Development/arcGIS/pq44-rrf3",rel:"nofollow",children:"NYC OpenData"})," and ",e.jsx(n.a,{href:"https://eindhoven.maps.arcgis.com/home/index.html",rel:"nofollow",children:"Gemeente Eindhoven"}),"."]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," More tools for non-developers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Expensive"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Learning curve"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Overwhelming with the number of features"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://google.com/maps",rel:"nofollow",children:"Google Maps"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Familiar UI, delivers fast and smooth UX"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Lots of data and frequently refreshed"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Pricing is a bit complicated"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Google/USA = legally complicated"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://leafletjs.com/",rel:"nofollow",children:"Leaflet"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Open-source and free to use"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Flexible and compatible with multiple providers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Lightweight and minimal code for simple maps"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," (Excluding google maps) In the last decade the most popular maps packge ",e.jsx(n.a,{href:"https://npmtrends.com/@tomtom-international/web-sdk-maps-vs-leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-openlayers",rel:"nofollow",children:"(npmtrends)"})]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Setup with Node.js/Typescript is a bit legacy"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Customizing map styles requires expertise"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://mapbox.com/",rel:"nofollow",children:"Mapbox"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," WebGL, fast and nice"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Easily customizable (albeit a bit overwhelming)"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," (Excluding google maps) In the last five years has become the most popular maps packge ",e.jsx(n.a,{href:"https://npmtrends.com/@tomtom-international/web-sdk-maps-vs-leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-openlayers",rel:"nofollow",children:"(npmtrends)"})]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Hosted externally"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Pricing is not straightforward"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Can get quickly overcomplicated"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://maplibre.org/",rel:"nofollow",children:"MapLibre"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Derived from OpenLayers; uses WebGL, fast and nice"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Open-source and free to use"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Flexible and compatible with multiple providers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Possible steeper learning curve for developers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," (Excluding google maps) Is the third most popular map library ",e.jsx(n.a,{href:"https://npmtrends.com/@tomtom-international/web-sdk-maps-vs-leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-openlayers",rel:"nofollow",children:"(npmtrends)"})," but with less than half the number of users to Mapbox/Leaflet"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://openlayers.org/",rel:"nofollow",children:"OpenLayers"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Open-source and free to use"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Flexible and compatible with multiple providers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Large number of ",e.jsx(n.a,{href:"https://openlayers.org/en/latest/examples/",rel:"nofollow",children:"examples"})]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Possible steeper learning curve for developers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Not very popular in relation to Leaflet, Mapbox and MapLibre (",e.jsx(n.a,{href:"https://npmtrends.com/@tomtom-international/web-sdk-maps-vs-leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-openlayers",rel:"nofollow",children:"(npmtrends)"}),")"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://www.tomtom.com/products/maps/",rel:"nofollow",children:"TomTom Maps"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," High quality map data"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Fast and smooth UX"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," More tools for non-developers"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Doesn't plot houseboats?"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Closed source, steeper learning curve"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Not very popular in relation to Leaflet, Mapbox and MapLibre (",e.jsx(n.a,{href:"https://npmtrends.com/@tomtom-international/web-sdk-maps-vs-leaflet-vs-mapbox-gl-vs-maplibre-gl-vs-openlayers",rel:"nofollow",children:"(npmtrends)"}),")"]}),`
+`]}),`
+`]}),`
+`]}),`
+`,e.jsx(n.h2,{id:"map-tile-layers",children:"Map tile layers"}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"../?path=/docs/alternatives--docs",children:"Amsterdam Base Layer"})}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://nlmaps.nl/",rel:"nofollow",children:"NL Maps"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Powered and supported by ",e.jsx(n.a,{href:"https://kadaster.nl/",rel:"nofollow",children:"Kadaster"})]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Nice UI with several themes"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Setup with Node.js/Typescript is a bit legacy"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Houseboats are not plotted"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Dependency on external company if changes are ever needed"]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.li,{children:[`
+`,e.jsx(n.p,{children:e.jsx(n.a,{href:"https://www.openstreetmap.org/",rel:"nofollow",children:"OpenStreetMap"})}),`
+`,e.jsxs(n.ul,{children:[`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Open-source and built on a collaborative community"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Pro:"})," Large community of contributors"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Default styling is ugly"]}),`
+`,e.jsxs(n.li,{children:[e.jsx(n.strong,{children:"Con:"})," Dependency on open source contributions if changes are ever needed"]}),`
+`]}),`
+`]}),`
+`]}),`
+`,e.jsxs(n.p,{children:["Leaflet provide more examples of other tile layer providers ",e.jsx(n.a,{href:"https://leaflet-extras.github.io/leaflet-providers/preview/",rel:"nofollow",children:"here"}),"."]})]})}function g(s={}){const{wrapper:n}={...l(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(r,{...s})}):r(s)}export{g as default};