{"id":1352,"date":"2024-05-14T08:38:34","date_gmt":"2024-05-14T06:38:34","guid":{"rendered":"https:\/\/ecolosplus.se\/?page_id=1352"},"modified":"2026-05-21T16:02:08","modified_gmt":"2026-05-21T14:02:08","slug":"map-tile-service","status":"publish","type":"page","link":"https:\/\/ecolosplus.se\/sv\/map-tile-service\/","title":{"rendered":"Map Tile Service"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1352\" class=\"elementor elementor-1352\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b22ce2 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"4b22ce2\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b744eaf elementor-widget elementor-widget-html\" data-id=\"b744eaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tp-map-tile-section\">\r\n  <div class=\"tp-map-bg-shape tp-map-shape-1\"><\/div>\r\n  <div class=\"tp-map-bg-shape tp-map-shape-2\"><\/div>\r\n\r\n  <div class=\"tp-map-container\">\r\n    <div class=\"tp-map-content\">\r\n      <span class=\"tp-map-badge\">Map Tile Services<\/span>\r\n\r\n      <h2>\r\n        Nyckeln till dynamiska kartapplikationer och geografisk visualisering\r\n      <\/h2>\r\n\r\n      <p class=\"tp-map-lead\">\r\n        Inom kartl\u00e4ggning och geografisk data \u00e4r f\u00f6rm\u00e5gan att visualisera\r\n        platsbaserad information p\u00e5 ett effektivt och intuitivt s\u00e4tt avg\u00f6rande\r\n        f\u00f6r m\u00e5nga olika applikationer. V\u00e5r Map Tile Service levererar vektor-,\r\n        raster-, statiska och satellitbaserade tiles f\u00f6r skalbara, detaljerade\r\n        och interaktiva kartupplevelser.\r\n      <\/p>\r\n\r\n      <div class=\"tp-map-features\">\r\n        <div class=\"tp-map-feature\">\r\n          <div class=\"tp-map-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 3L21 8L12 13L3 8L12 3Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M21 12L12 17L3 12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M21 16L12 21L3 16\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>Vektortiles<\/h3>\r\n            <p>\r\n              Datarika tiles best\u00e5ende av punkter, linjer och polygoner som skalas\r\n              smidigt mellan olika zoomniv\u00e5er.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-map-feature\">\r\n          <div class=\"tp-map-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>Rastertiles<\/h3>\r\n            <p>\r\n              F\u00f6rgenererade statiska tiles utformade f\u00f6r snabb laddning, fasta\r\n              visuella stilar och h\u00f6gpresterande kartvisning.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-map-feature\">\r\n          <div class=\"tp-map-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 21S5 14.7 5 9.5A7 7 0 0 1 19 9.5C19 14.7 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <circle cx=\"12\" cy=\"9.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>Statiska tiles<\/h3>\r\n            <p>\r\n              Perfekta f\u00f6r att lyfta fram landm\u00e4rken, f\u00f6rdefinierade zoner och\r\n              anpassade geografiska omr\u00e5den av intresse.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-map-feature\">\r\n          <div class=\"tp-map-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M4 16L10 10L14 14L20 8\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M4 20H20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M16 8H20V12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <h3>Satellitbaserade tiles<\/h3>\r\n            <p>\r\n              H\u00f6guppl\u00f6sta satellitbilder f\u00f6r realistisk visualisering och\r\n              noggrann geografisk analys.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n \r\n    <\/div>\r\n\r\n    <div class=\"tp-map-visual\">\r\n      <div class=\"tp-map-image-card\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/ecolosplus.se\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-21-2026-09_02_17-AM.jpg\"\r\n          alt=\"Illustration av map tile-tj\u00e4nster\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <div class=\"tp-map-floating-card tp-card-top\">\r\n        <span><\/span>\r\n        Realtidsdata\r\n      <\/div>\r\n\r\n      <div class=\"tp-map-floating-card tp-card-bottom\">\r\n        <span><\/span>\r\n        Skalbara tiles\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .tp-map-tile-section {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 110px 20px;\r\n    background:\r\n      radial-gradient(circle at 10% 10%, rgba(0, 139, 255, 0.12), transparent 32%),\r\n      radial-gradient(circle at 90% 70%, rgba(24, 207, 196, 0.12), transparent 35%),\r\n      linear-gradient(135deg, #f8fbff 0%, #eef7ff 48%, #ffffff 100%);\r\n    font-family: inherit;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .tp-map-container {\r\n    width: min(1200px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1.02fr 0.98fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .tp-map-content {\r\n    animation: tpFadeUp 0.8s ease both;\r\n  }\r\n\r\n  .tp-map-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 9px 16px;\r\n    border-radius: 999px;\r\n    background: rgba(20, 113, 255, 0.1);\r\n    color: #1267e8;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.2px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .tp-map-badge::before {\r\n    content: \"\";\r\n    width: 8px;\r\n    height: 8px;\r\n    background: #18cfc4;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 6px rgba(24, 207, 196, 0.14);\r\n  }\r\n\r\n  .tp-map-content h2 {\r\n    margin: 0 0 22px;\r\n    color: #071b3a;\r\n    font-size: clamp(34px, 4vw, 58px);\r\n    line-height: 1.08;\r\n    font-weight: 850;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  .tp-map-lead {\r\n    margin: 0 0 34px;\r\n    color: #5c6b82;\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n    max-width: 650px;\r\n  }\r\n\r\n  .tp-map-features {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 18px;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .tp-map-feature {\r\n    display: flex;\r\n    gap: 14px;\r\n    padding: 18px;\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, 0.78);\r\n    border: 1px solid rgba(16, 98, 202, 0.09);\r\n    box-shadow: 0 18px 45px rgba(9, 41, 82, 0.07);\r\n    backdrop-filter: blur(14px);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .tp-map-feature:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgba(18, 103, 232, 0.25);\r\n    box-shadow: 0 24px 60px rgba(9, 41, 82, 0.12);\r\n  }\r\n\r\n  .tp-map-icon {\r\n    width: 46px;\r\n    height: 46px;\r\n    min-width: 46px;\r\n    border-radius: 15px;\r\n    display: grid;\r\n    place-items: center;\r\n    color: #1267e8;\r\n    background: linear-gradient(135deg, rgba(18, 103, 232, 0.12), rgba(24, 207, 196, 0.12));\r\n  }\r\n\r\n  .tp-map-icon svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n\r\n  .tp-map-feature h3 {\r\n    margin: 0 0 6px;\r\n    color: #071b3a;\r\n    font-size: 16px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .tp-map-feature p {\r\n    margin: 0;\r\n    color: #65748a;\r\n    font-size: 14px;\r\n    line-height: 1.65;\r\n  }\r\n\r\n  .tp-map-actions {\r\n    display: flex;\r\n    gap: 14px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .tp-map-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 48px;\r\n    padding: 14px 22px;\r\n    border-radius: 999px;\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    text-decoration: none !important;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .tp-map-btn:hover {\r\n    transform: translateY(-3px);\r\n  }\r\n\r\n  .tp-map-btn-primary {\r\n    color: #ffffff !important;\r\n    background: linear-gradient(135deg, #1267e8, #18cfc4);\r\n    box-shadow: 0 16px 34px rgba(18, 103, 232, 0.28);\r\n  }\r\n\r\n  .tp-map-btn-secondary {\r\n    color: #1267e8 !important;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(18, 103, 232, 0.18);\r\n    box-shadow: 0 14px 30px rgba(9, 41, 82, 0.07);\r\n  }\r\n\r\n  .tp-map-visual {\r\n    position: relative;\r\n    animation: tpFadeIn 0.9s ease both;\r\n  }\r\n\r\n  .tp-map-image-card {\r\n    position: relative;\r\n    border-radius: 34px;\r\n    padding: 12px;\r\n    background: rgba(255, 255, 255, 0.85);\r\n    box-shadow:\r\n      0 35px 90px rgba(15, 75, 150, 0.18),\r\n      inset 0 0 0 1px rgba(255, 255, 255, 0.7);\r\n    backdrop-filter: blur(18px);\r\n    transform: perspective(1000px) rotateY(-4deg) rotateX(3deg);\r\n  }\r\n\r\n  .tp-map-image-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    z-index: -1;\r\n    border-radius: 36px;\r\n    background: linear-gradient(135deg, rgba(18, 103, 232, 0.45), rgba(24, 207, 196, 0.35), transparent);\r\n    opacity: 0.65;\r\n  }\r\n\r\n  .tp-map-image-card img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 26px;\r\n  }\r\n\r\n  .tp-map-floating-card {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    padding: 13px 17px;\r\n    border-radius: 18px;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    color: #071b3a;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    box-shadow: 0 20px 45px rgba(9, 41, 82, 0.14);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(18, 103, 232, 0.1);\r\n  }\r\n\r\n  .tp-map-floating-card span {\r\n    width: 11px;\r\n    height: 11px;\r\n    border-radius: 50%;\r\n    background: #18cfc4;\r\n    box-shadow: 0 0 0 6px rgba(24, 207, 196, 0.13);\r\n  }\r\n\r\n  .tp-card-top {\r\n    top: 8%;\r\n    left: -24px;\r\n    animation: tpFloat 4s ease-in-out infinite;\r\n  }\r\n\r\n  .tp-card-bottom {\r\n    right: -18px;\r\n    bottom: 10%;\r\n    animation: tpFloat 4.6s ease-in-out infinite;\r\n  }\r\n\r\n  .tp-card-bottom span {\r\n    background: #1267e8;\r\n    box-shadow: 0 0 0 6px rgba(18, 103, 232, 0.12);\r\n  }\r\n\r\n  .tp-map-bg-shape {\r\n    position: absolute;\r\n    border-radius: 999px;\r\n    filter: blur(10px);\r\n    opacity: 0.55;\r\n    z-index: 1;\r\n  }\r\n\r\n  .tp-map-shape-1 {\r\n    width: 220px;\r\n    height: 220px;\r\n    left: -80px;\r\n    bottom: 80px;\r\n    background: rgba(18, 103, 232, 0.13);\r\n  }\r\n\r\n  .tp-map-shape-2 {\r\n    width: 260px;\r\n    height: 260px;\r\n    right: -90px;\r\n    top: 70px;\r\n    background: rgba(24, 207, 196, 0.13);\r\n  }\r\n\r\n  @keyframes tpFadeUp {\r\n    from {\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n\r\n  @keyframes tpFadeIn {\r\n    from {\r\n      opacity: 0;\r\n      transform: scale(0.97);\r\n    }\r\n    to {\r\n      opacity: 1;\r\n      transform: scale(1);\r\n    }\r\n  }\r\n\r\n  @keyframes tpFloat {\r\n    0%, 100% {\r\n      transform: translateY(0);\r\n    }\r\n    50% {\r\n      transform: translateY(-12px);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .tp-map-tile-section {\r\n      padding: 85px 18px;\r\n    }\r\n\r\n    .tp-map-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 46px;\r\n    }\r\n\r\n    .tp-map-content {\r\n      text-align: center;\r\n    }\r\n\r\n    .tp-map-lead {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    .tp-map-actions {\r\n      justify-content: center;\r\n    }\r\n\r\n    .tp-map-image-card {\r\n      transform: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .tp-map-tile-section {\r\n      padding: 65px 16px;\r\n    }\r\n\r\n    .tp-map-content h2 {\r\n      font-size: 34px;\r\n      letter-spacing: -0.8px;\r\n    }\r\n\r\n    .tp-map-lead {\r\n      font-size: 15.5px;\r\n      line-height: 1.8;\r\n    }\r\n\r\n    .tp-map-features {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tp-map-feature {\r\n      text-align: left;\r\n    }\r\n\r\n    .tp-map-actions {\r\n      flex-direction: column;\r\n    }\r\n\r\n    .tp-map-btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .tp-map-floating-card {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93da955 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"93da955\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e767d6 elementor-widget elementor-widget-html\" data-id=\"5e767d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tp-map-pricing-section\">\r\n  <div class=\"tp-map-pricing-container\">\r\n\r\n    <div class=\"tp-map-pricing-left\">\r\n      <span class=\"tp-pricing-label\">Flexibel priss\u00e4ttning<\/span>\r\n      <h2>Skala din kartanv\u00e4ndning med tydlig priss\u00e4ttning baserad p\u00e5 f\u00f6rfr\u00e5gningar<\/h2>\r\n      <p>\r\n        B\u00f6rja med enkla m\u00e5natliga f\u00f6rfr\u00e5gningsniv\u00e5er och kontakta v\u00e5rt s\u00e4ljteam\r\n        f\u00f6r anpassad map tile-anv\u00e4ndning p\u00e5 f\u00f6retagsniv\u00e5.\r\n      <\/p>\r\n\r\n      <a href=\"https:\/\/ecolosplus.se\/sv\/lets-talk\/\" class=\"tp-pricing-talk-btn\">\r\n        <span>\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M20 6L9 17L4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/span>\r\n        Kontakta oss!\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"tp-map-pricing-card\">\r\n      <div class=\"tp-pricing-card-header\">\r\n        <div>\r\n          <h3>Map Tile-f\u00f6rfr\u00e5gningar<\/h3>\r\n          <p>Kostnad per 1 000 f\u00f6rfr\u00e5gningar<\/p>\r\n        <\/div>\r\n        <div class=\"tp-pricing-pill\">M\u00e5nadsvis<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-pricing-rows\">\r\n        <div class=\"tp-pricing-row\">\r\n          <div>\r\n            <strong>Upp till 2 000 000<\/strong>\r\n            <span>M\u00e5natliga f\u00f6rfr\u00e5gningar<\/span>\r\n          <\/div>\r\n          <div class=\"tp-price\">$0.25<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-pricing-row\">\r\n          <div>\r\n            <strong>2 000 001 - 4 000 000<\/strong>\r\n            <span>M\u00e5natliga f\u00f6rfr\u00e5gningar<\/span>\r\n          <\/div>\r\n          <div class=\"tp-price\">$0.20<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-pricing-row tp-pricing-highlight\">\r\n          <div>\r\n            <strong>4 000 001+<\/strong>\r\n            <span>Anpassad anv\u00e4ndning f\u00f6r h\u00f6ga volymer<\/span>\r\n          <\/div>\r\n          <a href=\"https:\/\/ecolosplus.se\/sv\/lets-talk\/\" class=\"tp-sales-link\">Kontakta s\u00e4ljteamet<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .tp-map-pricing-section {\r\n    position: relative;\r\n    padding: 80px 20px 95px;\r\n    background:\r\n      radial-gradient(circle at 12% 20%, rgba(18, 103, 232, 0.10), transparent 30%),\r\n      radial-gradient(circle at 88% 75%, rgba(24, 207, 196, 0.12), transparent 32%),\r\n      linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tp-map-pricing-container {\r\n    width: min(1120px, 100%);\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 0.82fr 1.18fr;\r\n    gap: 50px;\r\n    align-items: center;\r\n  }\r\n\r\n  .tp-map-pricing-left {\r\n    max-width: 430px;\r\n  }\r\n\r\n  .tp-pricing-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 8px 14px;\r\n    margin-bottom: 16px;\r\n    border-radius: 999px;\r\n    background: rgba(36, 16, 96, 0.08);\r\n    color: #241060;\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n  }\r\n\r\n  .tp-map-pricing-left h2 {\r\n    margin: 0 0 16px;\r\n    color: #071b3a;\r\n    font-size: clamp(28px, 3.2vw, 44px);\r\n    line-height: 1.12;\r\n    font-weight: 850;\r\n    letter-spacing: -1.2px;\r\n  }\r\n\r\n  .tp-map-pricing-left p {\r\n    margin: 0 0 26px;\r\n    color: #5f6f86;\r\n    font-size: 16px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .tp-pricing-talk-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    min-height: 54px;\r\n    padding: 0 26px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, #241060, #1267e8);\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 850;\r\n    box-shadow: 0 18px 42px rgba(36, 16, 96, 0.25);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .tp-pricing-talk-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 24px 55px rgba(36, 16, 96, 0.32);\r\n  }\r\n\r\n  .tp-pricing-talk-btn span {\r\n    width: 22px;\r\n    height: 22px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.16);\r\n  }\r\n\r\n  .tp-pricing-talk-btn svg {\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .tp-map-pricing-card {\r\n    position: relative;\r\n    padding: 24px;\r\n    border-radius: 30px;\r\n    background: rgba(255, 255, 255, 0.86);\r\n    border: 1px solid rgba(18, 103, 232, 0.12);\r\n    box-shadow: 0 30px 80px rgba(9, 41, 82, 0.12);\r\n    backdrop-filter: blur(16px);\r\n  }\r\n\r\n  .tp-map-pricing-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -1px;\r\n    z-index: -1;\r\n    border-radius: 31px;\r\n    background: linear-gradient(135deg, rgba(18, 103, 232, 0.32), rgba(24, 207, 196, 0.18), transparent 70%);\r\n  }\r\n\r\n  .tp-pricing-card-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    align-items: center;\r\n    padding: 6px 6px 20px;\r\n    border-bottom: 1px solid rgba(9, 36, 95, 0.09);\r\n  }\r\n\r\n  .tp-pricing-card-header h3 {\r\n    margin: 0 0 5px;\r\n    color: #071b3a;\r\n    font-size: 22px;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .tp-pricing-card-header p {\r\n    margin: 0;\r\n    color: #66768d;\r\n    font-size: 14px;\r\n  }\r\n\r\n  .tp-pricing-pill {\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(18, 103, 232, 0.1);\r\n    color: #1267e8;\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .tp-pricing-rows {\r\n    display: grid;\r\n    gap: 14px;\r\n    padding-top: 18px;\r\n  }\r\n\r\n  .tp-pricing-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 18px;\r\n    align-items: center;\r\n    padding: 20px 22px;\r\n    border-radius: 20px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(9, 36, 95, 0.08);\r\n    box-shadow: 0 14px 34px rgba(9, 41, 82, 0.055);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .tp-pricing-row:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(18, 103, 232, 0.22);\r\n    box-shadow: 0 18px 45px rgba(9, 41, 82, 0.1);\r\n  }\r\n\r\n  .tp-pricing-row strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #071b3a;\r\n    font-size: 17px;\r\n    font-weight: 850;\r\n  }\r\n\r\n  .tp-pricing-row span {\r\n    display: block;\r\n    color: #6a7a90;\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  .tp-price {\r\n    min-width: 88px;\r\n    text-align: right;\r\n    color: #1267e8;\r\n    font-size: 24px;\r\n    font-weight: 900;\r\n    letter-spacing: -0.6px;\r\n  }\r\n\r\n  .tp-pricing-highlight {\r\n    background: linear-gradient(135deg, rgba(36, 16, 96, 0.045), rgba(18, 103, 232, 0.055));\r\n  }\r\n\r\n  .tp-sales-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 42px;\r\n    padding: 0 18px;\r\n    border-radius: 999px;\r\n    background: #ff2b2b;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 14px;\r\n    font-weight: 850;\r\n    box-shadow: 0 12px 28px rgba(255, 43, 43, 0.22);\r\n    white-space: nowrap;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .tp-sales-link:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 16px 36px rgba(255, 43, 43, 0.3);\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .tp-map-pricing-container {\r\n      grid-template-columns: 1fr;\r\n      gap: 34px;\r\n    }\r\n\r\n    .tp-map-pricing-left {\r\n      max-width: 680px;\r\n      text-align: center;\r\n      margin: 0 auto;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .tp-map-pricing-section {\r\n      padding: 60px 16px 75px;\r\n    }\r\n\r\n    .tp-map-pricing-card {\r\n      padding: 16px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .tp-pricing-card-header {\r\n      align-items: flex-start;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .tp-pricing-row {\r\n      grid-template-columns: 1fr;\r\n      padding: 18px;\r\n    }\r\n\r\n    .tp-price {\r\n      text-align: left;\r\n      font-size: 22px;\r\n    }\r\n\r\n    .tp-sales-link {\r\n      width: 100%;\r\n    }\r\n\r\n    .tp-pricing-talk-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3af4fa2 e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"3af4fa2\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0aa0756 elementor-widget elementor-widget-html\" data-id=\"0aa0756\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tp-map-usecases-section\" id=\"features\">\r\n  <div class=\"tp-map-usecases-container\">\r\n\r\n    <div class=\"tp-usecases-header\">\r\n      <span class=\"tp-usecases-badge\">Anv\u00e4ndningsomr\u00e5den & f\u00f6rdelar<\/span>\r\n      <h2>Kraftfulla map tile-tj\u00e4nster f\u00f6r online-, offline- och aff\u00e4rskritisk kartl\u00e4ggning<\/h2>\r\n      <p>\r\n        V\u00e5r Map Tile Service st\u00f6djer smidig visualisering, API-integration,\r\n        flera karttyper och tillf\u00f6rlitlig \u00e5tkomst inom olika branscher och scenarier.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tp-usecases-grid\">\r\n\r\n      <div class=\"tp-usecase-card tp-featured-card\">\r\n        <div class=\"tp-usecase-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M8 18H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M10 22H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <path d=\"M7 14C5.7 12.9 5 11.3 5 9.5C5 5.9 8.1 3 12 3C15.9 3 19 5.9 19 9.5C19 11.3 18.3 12.9 17 14C15.9 14.9 15.3 15.8 15.1 17H8.9C8.7 15.8 8.1 14.9 7 14Z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Online- och offlineanv\u00e4ndning<\/h3>\r\n        <p>\r\n          Tj\u00e4nsten fungerar i b\u00e5de online- och offlinemilj\u00f6er, d\u00e4r cachemekanismer\r\n          s\u00e4kerst\u00e4ller smidig funktionalitet \u00e4ven utan n\u00e4tverksanslutning.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tp-usecase-card\">\r\n        <div class=\"tp-usecase-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M4 17L9 12L13 16L20 9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M16 9H20V13\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Smidiga interaktioner<\/h3>\r\n        <p>\r\n          Anv\u00e4ndare f\u00e5r en smidig upplevelse med kartpanorering, zoomning och\r\n          dynamiska lagerjusteringar f\u00f6r tydlig datatolkning.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tp-usecase-card\">\r\n        <div class=\"tp-usecase-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M8 8L4 12L8 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M16 8L20 12L16 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M14 4L10 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>API-integration<\/h3>\r\n        <p>\r\n          Robusta API:er g\u00f6r det m\u00f6jligt f\u00f6r utvecklare att integrera map tile-tj\u00e4nster\r\n          i applikationer f\u00f6r anpassade kartfunktioner.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tp-usecase-card\">\r\n        <div class=\"tp-usecase-icon\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <path d=\"M12 3L21 8L12 13L3 8L12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M21 12L12 17L3 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <path d=\"M21 16L12 21L3 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Flera karttyper<\/h3>\r\n        <p>\r\n          Vektor-, raster-, statiska och satellitbaserade tiles s\u00e4kerst\u00e4ller att\r\n          varje anv\u00e4ndningsomr\u00e5de f\u00e5r det mest l\u00e4mpliga kartformatet.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"tp-beneficiaries-wrap\">\r\n      <div class=\"tp-beneficiaries-content\">\r\n        <span class=\"tp-small-label\">M\u00e5lgrupper<\/span>\r\n        <h2>Vem har nytta av Map Tile Services?<\/h2>\r\n        <p>\r\n          Kartapplikationer har breda anv\u00e4ndningsomr\u00e5den inom m\u00e5nga branscher,\r\n          fr\u00e5n utvecklare som bygger avancerade applikationer till f\u00f6retag som\r\n          beh\u00f6ver offline\u00e5tkomst och logistikteam som optimerar leveransrutter.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tp-beneficiaries-list\">\r\n\r\n        <div class=\"tp-beneficiary-item\">\r\n          <span>01<\/span>\r\n          <div>\r\n            <h3>Utvecklare av kartapplikationer<\/h3>\r\n            <p>\r\n              Bygg avancerade kartapplikationer med anpassade overlays,\r\n              visuella lager och API-drivna kartfunktioner.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-beneficiary-item\">\r\n          <span>02<\/span>\r\n          <div>\r\n            <h3>F\u00f6retag som beh\u00f6ver offline\u00e5tkomst<\/h3>\r\n            <p>\r\n              F\u00f6retag som arbetar i avl\u00e4gsna omr\u00e5den kan beh\u00e5lla korrekta och\r\n              fungerande kartor \u00e4ven utan internetanslutning.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-beneficiary-item\">\r\n          <span>03<\/span>\r\n          <div>\r\n            <h3>Organisationer som beh\u00f6ver geografisk analys<\/h3>\r\n            <p>\r\n              Marknadsforskare, stadsplanerare och geospatiala analytiker kan dra\r\n              nytta av detaljerade satellit- och statiska tile-perspektiv.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-beneficiary-item\">\r\n          <span>04<\/span>\r\n          <div>\r\n            <h3>Presentation- och kommunikationsteam<\/h3>\r\n            <p>\r\n              Team kan integrera kartvisualiseringar i presentationer, rapporter\r\n              och material f\u00f6r publik kommunikation.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"tp-beneficiary-item\">\r\n          <span>05<\/span>\r\n          <div>\r\n            <h3>Logistik- och leveransf\u00f6retag<\/h3>\r\n            <p>\r\n              Korrekta kartor hj\u00e4lper till att optimera rutter, f\u00f6rst\u00e5 geografiska\r\n              utmaningar och planera leveranser med h\u00f6gre precision.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tp-impact-box\">\r\n      <div class=\"tp-impact-content\">\r\n        <span class=\"tp-small-label\">Aff\u00e4rsp\u00e5verkan<\/span>\r\n        <h2>Interaktiv och datarik kartl\u00e4ggning f\u00f6r smartare beslut<\/h2>\r\n        <p>\r\n          Korrekta och interaktiva kartor \u00e4r avg\u00f6rande f\u00f6r beslutsfattande,\r\n          kundengagemang, marknadsanalys och effektiv logistik. M\u00f6jligheten att\r\n          v\u00e4xla mellan olika tile-typer ger anv\u00e4ndare flera perspektiv p\u00e5 samma\r\n          omr\u00e5de och hj\u00e4lper till att uppt\u00e4cka trender och insikter som statiska\r\n          kartor inte kan visa.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tp-impact-stats\">\r\n        <div>\r\n          <strong>4+<\/strong>\r\n          <span>Tile-typer<\/span>\r\n        <\/div>\r\n        <div>\r\n          <strong>API<\/strong>\r\n          <span>Klar integration<\/span>\r\n        <\/div>\r\n        <div>\r\n          <strong>24\/7<\/strong>\r\n          <span>Skalbar \u00e5tkomst<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tp-conclusion-card\">\r\n      <div>\r\n        <span class=\"tp-small-label\">Slutsats<\/span>\r\n        <h2>Framtiden f\u00f6r digital kartl\u00e4ggning \u00e4r interaktiv, datarik och anpassningsbar<\/h2>\r\n        <p>\r\n          V\u00e5r Map Tile Service omdefinierar standarden f\u00f6r kartapplikationer genom\r\n          att erbjuda en omfattande och flexibel l\u00f6sning. Med flera tile-typer,\r\n          uppdaterad geografisk data och smidig skalbarhet hj\u00e4lper den utvecklare,\r\n          f\u00f6retag och analytiker att visualisera och tolka geografisk data med enkelhet.\r\n        <\/p>\r\n\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .tp-map-usecases-section {\r\n    position: relative;\r\n    padding: 105px 20px;\r\n    background:\r\n      radial-gradient(circle at 15% 8%, rgba(18, 103, 232, 0.11), transparent 32%),\r\n      radial-gradient(circle at 85% 45%, rgba(24, 207, 196, 0.10), transparent 34%),\r\n      linear-gradient(180deg, #f6fbff 0%, #ffffff 48%, #f7fbff 100%);\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tp-map-usecases-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(18, 103, 232, 0.045) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(18, 103, 232, 0.045) 1px, transparent 1px);\r\n    background-size: 48px 48px;\r\n    mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 75%, transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tp-map-usecases-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .tp-usecases-header {\r\n    max-width: 820px;\r\n    margin: 0 auto 46px;\r\n    text-align: center;\r\n  }\r\n\r\n  .tp-usecases-badge,\r\n  .tp-small-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 8px 15px;\r\n    border-radius: 999px;\r\n    background: rgba(18, 103, 232, 0.10);\r\n    color: #1267e8;\r\n    font-size: 13px;\r\n    font-weight: 850;\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .tp-usecases-header h2,\r\n  .tp-beneficiaries-content h2,\r\n  .tp-impact-content h2,\r\n  .tp-conclusion-card h2 {\r\n    margin: 0;\r\n    color: #071b3a;\r\n    font-size: clamp(30px, 3.8vw, 50px);\r\n    line-height: 1.1;\r\n    font-weight: 900;\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .tp-usecases-header p {\r\n    margin: 20px auto 0;\r\n    max-width: 760px;\r\n    color: #5e6d83;\r\n    font-size: 16.5px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .tp-usecases-grid {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .tp-usecase-card {\r\n    position: relative;\r\n    min-height: 245px;\r\n    padding: 28px;\r\n    border-radius: 28px;\r\n    background: rgba(255, 255, 255, 0.84);\r\n    border: 1px solid rgba(18, 103, 232, 0.10);\r\n    box-shadow: 0 22px 58px rgba(9, 41, 82, 0.08);\r\n    backdrop-filter: blur(14px);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n  }\r\n\r\n  .tp-usecase-card:hover {\r\n    transform: translateY(-7px);\r\n    border-color: rgba(18, 103, 232, 0.25);\r\n    box-shadow: 0 30px 70px rgba(9, 41, 82, 0.13);\r\n  }\r\n\r\n  .tp-featured-card {\r\n    grid-row: span 2;\r\n    background:\r\n      linear-gradient(135deg, rgba(36, 16, 96, 0.96), rgba(18, 103, 232, 0.92)),\r\n      #241060;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tp-featured-card h3,\r\n  .tp-featured-card p {\r\n    color: #ffffff !important;\r\n  }\r\n\r\n  .tp-featured-card .tp-usecase-icon {\r\n    background: rgba(255, 255, 255, 0.14);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tp-usecase-icon {\r\n    width: 56px;\r\n    height: 56px;\r\n    display: grid;\r\n    place-items: center;\r\n    margin-bottom: 22px;\r\n    border-radius: 19px;\r\n    color: #1267e8;\r\n    background: linear-gradient(135deg, rgba(18, 103, 232, 0.12), rgba(24, 207, 196, 0.13));\r\n  }\r\n\r\n  .tp-usecase-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n  }\r\n\r\n  .tp-usecase-card h3 {\r\n    margin: 0 0 12px;\r\n    color: #071b3a;\r\n    font-size: 21px;\r\n    font-weight: 900;\r\n    letter-spacing: -0.4px;\r\n  }\r\n\r\n  .tp-usecase-card p {\r\n    margin: 0;\r\n    color: #617187;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .tp-beneficiaries-wrap {\r\n    display: grid;\r\n    grid-template-columns: 0.78fr 1.22fr;\r\n    gap: 48px;\r\n    align-items: start;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .tp-beneficiaries-content {\r\n    position: sticky;\r\n    top: 30px;\r\n  }\r\n\r\n  .tp-beneficiaries-content h2 {\r\n    font-size: clamp(28px, 3.2vw, 44px);\r\n  }\r\n\r\n  .tp-beneficiaries-content p,\r\n  .tp-impact-content p,\r\n  .tp-conclusion-card p {\r\n    margin: 18px 0 0;\r\n    color: #5f6f86;\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n  }\r\n\r\n  .tp-beneficiaries-list {\r\n    display: grid;\r\n    gap: 16px;\r\n  }\r\n\r\n  .tp-beneficiary-item {\r\n    display: grid;\r\n    grid-template-columns: 58px 1fr;\r\n    gap: 18px;\r\n    padding: 22px;\r\n    border-radius: 24px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(18, 103, 232, 0.09);\r\n    box-shadow: 0 18px 45px rgba(9, 41, 82, 0.065);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .tp-beneficiary-item:hover {\r\n    transform: translateX(6px);\r\n    box-shadow: 0 24px 60px rgba(9, 41, 82, 0.11);\r\n  }\r\n\r\n  .tp-beneficiary-item > span {\r\n    width: 58px;\r\n    height: 58px;\r\n    display: grid;\r\n    place-items: center;\r\n    border-radius: 18px;\r\n    background: rgba(18, 103, 232, 0.09);\r\n    color: #1267e8;\r\n    font-size: 17px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .tp-beneficiary-item h3 {\r\n    margin: 0 0 7px;\r\n    color: #071b3a;\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n  }\r\n\r\n  .tp-beneficiary-item p {\r\n    margin: 0;\r\n    color: #66758a;\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .tp-impact-box {\r\n    display: grid;\r\n    grid-template-columns: 1fr 0.8fr;\r\n    gap: 34px;\r\n    align-items: center;\r\n    margin-bottom: 32px;\r\n    padding: 34px;\r\n    border-radius: 34px;\r\n    background:\r\n      linear-gradient(135deg, rgba(7, 27, 58, 0.96), rgba(18, 103, 232, 0.90));\r\n    box-shadow: 0 30px 80px rgba(9, 41, 82, 0.18);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tp-impact-content h2,\r\n  .tp-impact-content p {\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tp-impact-content .tp-small-label {\r\n    background: rgba(255, 255, 255, 0.13);\r\n    color: #ffffff;\r\n  }\r\n\r\n  .tp-impact-stats {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tp-impact-stats div {\r\n    padding: 22px;\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, 0.12);\r\n    border: 1px solid rgba(255, 255, 255, 0.16);\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .tp-impact-stats strong {\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    color: #ffffff;\r\n    font-size: 34px;\r\n    font-weight: 950;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .tp-impact-stats span {\r\n    color: rgba(255, 255, 255, 0.78);\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .tp-conclusion-card {\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 28px;\r\n    align-items: center;\r\n    padding: 34px;\r\n    border-radius: 34px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(18, 103, 232, 0.10);\r\n    box-shadow: 0 25px 65px rgba(9, 41, 82, 0.08);\r\n  }\r\n\r\n  .tp-conclusion-card h2 {\r\n    font-size: clamp(26px, 3vw, 38px);\r\n  }\r\n\r\n  .tp-conclusion-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: 52px;\r\n    padding: 0 26px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(135deg, #1267e8, #18cfc4);\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 900;\r\n    box-shadow: 0 16px 34px rgba(18, 103, 232, 0.25);\r\n    white-space: nowrap;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n\r\n  .tp-conclusion-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 22px 46px rgba(18, 103, 232, 0.33);\r\n  }\r\n\r\n  @media (max-width: 980px) {\r\n    .tp-usecases-grid {\r\n      grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .tp-featured-card {\r\n      grid-row: auto;\r\n      grid-column: span 2;\r\n    }\r\n\r\n    .tp-beneficiaries-wrap,\r\n    .tp-impact-box {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tp-beneficiaries-content {\r\n      position: relative;\r\n      top: 0;\r\n      text-align: center;\r\n      max-width: 720px;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    .tp-impact-stats {\r\n      grid-template-columns: repeat(3, 1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 680px) {\r\n    .tp-map-usecases-section {\r\n      padding: 72px 16px;\r\n    }\r\n\r\n    .tp-usecases-grid {\r\n      grid-template-columns: 1fr;\r\n      margin-bottom: 56px;\r\n    }\r\n\r\n    .tp-featured-card {\r\n      grid-column: auto;\r\n    }\r\n\r\n    .tp-usecase-card {\r\n      min-height: auto;\r\n      padding: 24px;\r\n      border-radius: 24px;\r\n    }\r\n\r\n    .tp-beneficiaries-wrap {\r\n      margin-bottom: 56px;\r\n    }\r\n\r\n    .tp-beneficiary-item {\r\n      grid-template-columns: 1fr;\r\n      padding: 20px;\r\n    }\r\n\r\n    .tp-beneficiary-item:hover {\r\n      transform: translateY(-4px);\r\n    }\r\n\r\n    .tp-impact-box,\r\n    .tp-conclusion-card {\r\n      padding: 24px;\r\n      border-radius: 26px;\r\n    }\r\n\r\n    .tp-impact-stats {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tp-conclusion-card {\r\n      grid-template-columns: 1fr;\r\n    }\r\n\r\n    .tp-conclusion-btn {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37d173e e-con-full e-flex magic-button-disabled-no e-con e-parent\" data-id=\"37d173e\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t<div class=\"elementor-element elementor-element-94215ba elementor-widget elementor-widget-html\" data-id=\"94215ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"tp-map-faq-section\">\r\n  <div class=\"tp-map-faq-container\">\r\n\r\n    <div class=\"tp-map-faq-header\">\r\n      <span>FAQ<\/span>\r\n      <h2>Vanliga fr\u00e5gor<\/h2>\r\n      <p>\r\n        Hitta svar p\u00e5 vanliga fr\u00e5gor om v\u00e5r Map Tile Service, olika tile-typer,\r\n        offline-st\u00f6d, API-integration, skalbarhet och anv\u00e4ndningsomr\u00e5den f\u00f6r f\u00f6retag.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tp-map-faq-list\">\r\n\r\n      <div class=\"tp-faq-item active\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>1. Vad \u00e4r en Map Tile Service och hur f\u00f6rb\u00e4ttrar den kartapplikationer?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            En Map Tile Service delar upp stora kartor i mindre, hanterbara tiles\r\n            som snabbt kan h\u00e4mtas och visas vid behov. Detta g\u00f6r att kartor laddas\r\n            snabbare och mer effektivt. V\u00e5r Map Tile Service erbjuder flera olika\r\n            tile-typer, inklusive vektor-, raster-, statiska och satellitbaserade\r\n            tiles, f\u00f6r att m\u00f6ta olika kartbehov.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>2. Vilka typer av map tiles erbjuder er Map Tile Service och hur skiljer de sig \u00e5t?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            <strong>Vektortiles:<\/strong> Databaserade tiles best\u00e5ende av punkter,\r\n            linjer och polygoner som skalas smidigt och m\u00f6jligg\u00f6r anpassning.\r\n          <\/p>\r\n          <p>\r\n            <strong>Rastertiles:<\/strong> F\u00f6rgenererade statiska tiles som laddas\r\n            snabbt och passar f\u00f6r h\u00f6gpresterande kartor.\r\n          <\/p>\r\n          <p>\r\n            <strong>Statiska tiles:<\/strong> Visar specifika geografiska objekt eller\r\n            anpassade omr\u00e5den av intresse.\r\n          <\/p>\r\n          <p>\r\n            <strong>Satellitbaserade tiles:<\/strong> Ger h\u00f6guppl\u00f6sta satellitbilder\r\n            f\u00f6r realistiska visualiseringar och noggrann analys.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>3. Hur s\u00e4kerst\u00e4ller Map Tile Service korrekt och uppdaterad geografisk information?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            V\u00e5r tj\u00e4nst h\u00e4mtar geografisk data fr\u00e5n auktoritativa och p\u00e5litliga k\u00e4llor.\r\n            Genom att uppdatera kartorna regelbundet s\u00e4kerst\u00e4ller vi att anv\u00e4ndare\r\n            f\u00e5r korrekta visualiseringar som speglar aktuella verkliga f\u00f6rh\u00e5llanden.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>4. Vad g\u00f6r Map Tile Service l\u00e4mplig f\u00f6r skalbara och h\u00f6gpresterande applikationer?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            Tj\u00e4nsten \u00e4r utvecklad med skalbarhet i fokus och kan hantera stora\r\n            m\u00e4ngder f\u00f6rfr\u00e5gningar utan att kompromissa med prestandan. Denna\r\n            arkitektur g\u00f6r den idealisk f\u00f6r applikationer med v\u00e4xande anv\u00e4ndarbaser\r\n            och behov av stabil kartleverans.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>5. Hur st\u00f6djer Map Tile Service b\u00e5de online- och offlineanv\u00e4ndning?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            Tj\u00e4nsten anv\u00e4nder cachemekanismer som g\u00f6r det m\u00f6jligt att lagra map tiles\r\n            lokalt p\u00e5 en enhet. Detta s\u00e4kerst\u00e4ller s\u00f6ml\u00f6s funktionalitet \u00e4ven utan\r\n            internetanslutning, vilket g\u00f6r tj\u00e4nsten l\u00e4mplig f\u00f6r avl\u00e4gsna omr\u00e5den och\r\n            milj\u00f6er med l\u00e5g uppkoppling.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>6. Vilka branscher har st\u00f6rst nytta av er Map Tile Service och hur anv\u00e4nder de den?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <ul>\r\n            <li><strong>Utvecklare:<\/strong> Skapar anpassade kartor med overlays och datavisualisering.<\/li>\r\n            <li><strong>F\u00f6retag:<\/strong> S\u00e4kerst\u00e4ller stabil kart\u00e5tkomst i avl\u00e4gsna omr\u00e5den eller milj\u00f6er med l\u00e5g uppkoppling.<\/li>\r\n            <li><strong>Analytiker:<\/strong> Utf\u00f6r detaljerad geografisk analys med hj\u00e4lp av satellit- och statiska tiles.<\/li>\r\n            <li><strong>Kommunikationsteam:<\/strong> Presenter geografisk data med tydliga och engagerande visuella ber\u00e4ttelser.<\/li>\r\n            <li><strong>Logistikf\u00f6retag:<\/strong> Optimerar leveransrutter och analyserar geografiska utmaningar.<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>7. Hur g\u00f6r API-integration Map Tile Service flexibel f\u00f6r utvecklare?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            Tj\u00e4nsten erbjuder robusta API:er som utvecklare kan anv\u00e4nda f\u00f6r att\r\n            integrera kartfunktioner direkt i sina applikationer. Detta m\u00f6jligg\u00f6r\r\n            anpassade kartupplevelser som \u00e4r skr\u00e4ddarsydda efter varje projekts\r\n            specifika krav.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tp-faq-item\">\r\n        <button class=\"tp-faq-question\" type=\"button\">\r\n          <span>8. Vilken p\u00e5verkan har Map Tile Service p\u00e5 aff\u00e4rsverksamhet och analys?<\/span>\r\n          <i><\/i>\r\n        <\/button>\r\n        <div class=\"tp-faq-answer\">\r\n          <p>\r\n            Tj\u00e4nsten g\u00f6r det m\u00f6jligt f\u00f6r f\u00f6retag att analysera marknadstrender,\r\n            \u00f6vervaka leveranser och engagera kunder genom personliga kartor.\r\n            Den erbjuder ocks\u00e5 den skalbarhet som kr\u00e4vs f\u00f6r \u00f6kad anv\u00e4ndning utan\r\n            driftavbrott.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .tp-map-faq-section {\r\n    position: relative;\r\n    padding: 95px 20px;\r\n    background:\r\n      radial-gradient(circle at 12% 10%, rgba(18, 103, 232, 0.11), transparent 32%),\r\n      radial-gradient(circle at 88% 72%, rgba(24, 207, 196, 0.12), transparent 34%),\r\n      linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);\r\n    font-family: inherit;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .tp-map-faq-section::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(18, 103, 232, 0.045) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(18, 103, 232, 0.045) 1px, transparent 1px);\r\n    background-size: 46px 46px;\r\n    mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 80%, transparent);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .tp-map-faq-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: min(1050px, 100%);\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .tp-map-faq-header {\r\n    max-width: 760px;\r\n    margin: 0 auto 44px;\r\n    text-align: center;\r\n  }\r\n\r\n  .tp-map-faq-header span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 8px 16px;\r\n    margin-bottom: 16px;\r\n    border-radius: 999px;\r\n    background: rgba(18, 103, 232, 0.1);\r\n    color: #1267e8;\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.2px;\r\n  }\r\n\r\n  .tp-map-faq-header h2 {\r\n    margin: 0;\r\n    color: #071b3a;\r\n    font-size: clamp(32px, 4vw, 52px);\r\n    line-height: 1.08;\r\n    font-weight: 950;\r\n    letter-spacing: -1.5px;\r\n  }\r\n\r\n  .tp-map-faq-header p {\r\n    margin: 18px auto 0;\r\n    color: #5f6f86;\r\n    font-size: 16.5px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .tp-map-faq-list {\r\n    display: grid;\r\n    gap: 14px;\r\n  }\r\n\r\n  .tp-faq-item {\r\n    border-radius: 22px;\r\n    background: rgba(255, 255, 255, 0.88);\r\n    border: 1px solid rgba(18, 103, 232, 0.11);\r\n    box-shadow: 0 18px 45px rgba(9, 41, 82, 0.065);\r\n    backdrop-filter: blur(14px);\r\n    overflow: hidden;\r\n    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .tp-faq-item:hover {\r\n    transform: translateY(-3px);\r\n    border-color: rgba(18, 103, 232, 0.22);\r\n    box-shadow: 0 24px 58px rgba(9, 41, 82, 0.105);\r\n  }\r\n\r\n  .tp-faq-question {\r\n    width: 100%;\r\n    border: none;\r\n    outline: none;\r\n    background: transparent;\r\n    padding: 22px 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n    cursor: pointer;\r\n    text-align: left;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .tp-faq-question span {\r\n    color: #1267e8;\r\n    font-size: 16px;\r\n    line-height: 1.5;\r\n    font-weight: 850;\r\n    transition: color 0.25s ease;\r\n  }\r\n\r\n  .tp-faq-question i {\r\n    position: relative;\r\n    width: 28px;\r\n    height: 28px;\r\n    min-width: 28px;\r\n    border-radius: 50%;\r\n    background: rgba(18, 103, 232, 0.1);\r\n    transition: background 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .tp-faq-question i::before,\r\n  .tp-faq-question i::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 50%;\r\n    top: 50%;\r\n    width: 13px;\r\n    height: 2px;\r\n    border-radius: 99px;\r\n    background: #1267e8;\r\n    transform: translate(-50%, -50%);\r\n    transition: transform 0.25s ease, background 0.25s ease;\r\n  }\r\n\r\n  .tp-faq-question i::after {\r\n    transform: translate(-50%, -50%) rotate(90deg);\r\n  }\r\n\r\n  .tp-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.35s ease;\r\n  }\r\n\r\n  .tp-faq-answer p,\r\n  .tp-faq-answer li {\r\n    color: #14213d;\r\n    font-size: 15.5px;\r\n    line-height: 1.9;\r\n  }\r\n\r\n  .tp-faq-answer p {\r\n    margin: 0 0 14px;\r\n  }\r\n\r\n  .tp-faq-answer p:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .tp-faq-answer ul {\r\n    margin: 0;\r\n    padding-left: 20px;\r\n  }\r\n\r\n  .tp-faq-answer li {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .tp-faq-answer li:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  .tp-faq-answer-inner,\r\n  .tp-faq-answer {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .tp-faq-item.active {\r\n    border-color: rgba(24, 207, 196, 0.32);\r\n    box-shadow: 0 28px 70px rgba(9, 41, 82, 0.12);\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-question span {\r\n    color: #20bf55;\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-question i {\r\n    background: rgba(32, 191, 85, 0.12);\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-question i::before,\r\n  .tp-faq-item.active .tp-faq-question i::after {\r\n    background: #20bf55;\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-question i::after {\r\n    transform: translate(-50%, -50%) rotate(0deg);\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-answer {\r\n    max-height: 520px;\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-answer::before {\r\n    content: \"\";\r\n    display: block;\r\n    height: 1px;\r\n    margin: 0 24px;\r\n    background: rgba(18, 103, 232, 0.09);\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-answer {\r\n    padding: 0 24px 24px;\r\n  }\r\n\r\n  .tp-faq-item.active .tp-faq-answer p:first-child,\r\n  .tp-faq-item.active .tp-faq-answer ul:first-child {\r\n    margin-top: 20px;\r\n  }\r\n\r\n  @media (max-width: 700px) {\r\n    .tp-map-faq-section {\r\n      padding: 70px 16px;\r\n    }\r\n\r\n    .tp-map-faq-header {\r\n      margin-bottom: 32px;\r\n    }\r\n\r\n    .tp-map-faq-header h2 {\r\n      font-size: 34px;\r\n    }\r\n\r\n    .tp-map-faq-header p {\r\n      font-size: 15.5px;\r\n    }\r\n\r\n    .tp-faq-question {\r\n      padding: 18px;\r\n      align-items: flex-start;\r\n    }\r\n\r\n    .tp-faq-question span {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .tp-faq-item.active .tp-faq-answer {\r\n      padding: 0 18px 20px;\r\n    }\r\n\r\n    .tp-faq-item.active .tp-faq-answer::before {\r\n      margin: 0 18px;\r\n    }\r\n\r\n    .tp-faq-answer p,\r\n    .tp-faq-answer li {\r\n      font-size: 14.5px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    const faqItems = document.querySelectorAll(\".tp-faq-item\");\r\n\r\n    faqItems.forEach(function (item) {\r\n      const question = item.querySelector(\".tp-faq-question\");\r\n\r\n      question.addEventListener(\"click\", function () {\r\n        const isActive = item.classList.contains(\"active\");\r\n\r\n        faqItems.forEach(function (faq) {\r\n          faq.classList.remove(\"active\");\r\n        });\r\n\r\n        if (!isActive) {\r\n          item.classList.add(\"active\");\r\n        }\r\n      });\r\n    });\r\n  });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Map Tile Services The Key to Dynamic Mapping Applications and Geographic Visualization In the world of mapping and geographic data, the ability to visualize location-based information effectively and intuitively is crucial for countless applications. Our Map Tile Service delivers vector, raster, static, and satellite-based tiles for scalable, detailed, and interactive mapping experiences. Vector Tiles Data-rich [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1352","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Map Tile Service - Ecolos Plus<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecolosplus.se\/sv\/map-tile-service\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Map Tile Service - Ecolos Plus\" \/>\n<meta property=\"og:description\" content=\"Map Tile Services The Key to Dynamic Mapping Applications and Geographic Visualization In the world of mapping and geographic data, the ability to visualize location-based information effectively and intuitively is crucial for countless applications. Our Map Tile Service delivers vector, raster, static, and satellite-based tiles for scalable, detailed, and interactive mapping experiences. Vector Tiles Data-rich [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecolosplus.se\/sv\/map-tile-service\/\" \/>\n<meta property=\"og:site_name\" content=\"Ecolos Plus\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-21T14:02:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data1\" content=\"33 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/map-tile-service\\\/\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/map-tile-service\\\/\",\"name\":\"Map Tile Service - Ecolos Plus\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#website\"},\"datePublished\":\"2024-05-14T06:38:34+00:00\",\"dateModified\":\"2026-05-21T14:02:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/map-tile-service\\\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecolosplus.se\\\/map-tile-service\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/map-tile-service\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ecolosplus.se\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Map Tile Service\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#website\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"name\":\"Ecolos Plus\",\"description\":\"Dive into the future of last-mile logistics\",\"publisher\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecolosplus.se\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#organization\",\"name\":\"Ecolos Plus\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"sv-SE\",\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/logo01.png\",\"contentUrl\":\"https:\\\/\\\/ecolosplus.se\\\/wp-content\\\/uploads\\\/2023\\\/10\\\/logo01.png\",\"width\":742,\"height\":314,\"caption\":\"Ecolos Plus\"},\"image\":{\"@id\":\"https:\\\/\\\/ecolosplus.se\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Map Tile Service - Ecolos Plus","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecolosplus.se\/sv\/map-tile-service\/","og_locale":"sv_SE","og_type":"article","og_title":"Map Tile Service - Ecolos Plus","og_description":"Map Tile Services The Key to Dynamic Mapping Applications and Geographic Visualization In the world of mapping and geographic data, the ability to visualize location-based information effectively and intuitively is crucial for countless applications. Our Map Tile Service delivers vector, raster, static, and satellite-based tiles for scalable, detailed, and interactive mapping experiences. Vector Tiles Data-rich [&hellip;]","og_url":"https:\/\/ecolosplus.se\/sv\/map-tile-service\/","og_site_name":"Ecolos Plus","article_modified_time":"2026-05-21T14:02:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Ber\u00e4knad l\u00e4stid":"33 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecolosplus.se\/map-tile-service\/","url":"https:\/\/ecolosplus.se\/map-tile-service\/","name":"Map Tile Service - Ecolos Plus","isPartOf":{"@id":"https:\/\/ecolosplus.se\/#website"},"datePublished":"2024-05-14T06:38:34+00:00","dateModified":"2026-05-21T14:02:08+00:00","breadcrumb":{"@id":"https:\/\/ecolosplus.se\/map-tile-service\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecolosplus.se\/map-tile-service\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecolosplus.se\/map-tile-service\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecolosplus.se\/"},{"@type":"ListItem","position":2,"name":"Map Tile Service"}]},{"@type":"WebSite","@id":"https:\/\/ecolosplus.se\/#website","url":"https:\/\/ecolosplus.se\/","name":"Ecolos Plus","description":"Dive into the future of last-mile logistics","publisher":{"@id":"https:\/\/ecolosplus.se\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecolosplus.se\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"sv-SE"},{"@type":"Organization","@id":"https:\/\/ecolosplus.se\/#organization","name":"Ecolos Plus","url":"https:\/\/ecolosplus.se\/","logo":{"@type":"ImageObject","inLanguage":"sv-SE","@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/","url":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","contentUrl":"https:\/\/ecolosplus.se\/wp-content\/uploads\/2023\/10\/logo01.png","width":742,"height":314,"caption":"Ecolos Plus"},"image":{"@id":"https:\/\/ecolosplus.se\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/1352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/comments?post=1352"}],"version-history":[{"count":21,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/1352\/revisions"}],"predecessor-version":[{"id":2611,"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/pages\/1352\/revisions\/2611"}],"wp:attachment":[{"href":"https:\/\/ecolosplus.se\/sv\/wp-json\/wp\/v2\/media?parent=1352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}