{"id":2824,"date":"2023-02-15T14:35:53","date_gmt":"2023-02-15T14:35:53","guid":{"rendered":"http:\/\/projet-heremoana.com\/?page_id=2824"},"modified":"2023-06-12T08:10:09","modified_gmt":"2023-06-12T08:10:09","slug":"auto_tracking","status":"publish","type":"page","link":"http:\/\/projet-heremoana.com\/index.php\/auto_tracking\/","title":{"rendered":"Cartographie en direct"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2824\" class=\"elementor elementor-2824\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-322fb85 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"322fb85\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a1a2f70\" data-id=\"a1a2f70\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9f2e98 elementor-widget elementor-widget-text-editor\" data-id=\"c9f2e98\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.17.0 - 08-11-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p><strong>Derni\u00e8re position re\u00e7ue \u00e0 :<\/strong> \n\r\n\n\n UTC<br \/><strong>Vitesse :<\/strong> \n\r\n\n\n kt<br \/><strong>Cap :<\/strong> \n\r\n\n\n \u00b0<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d75b53d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d75b53d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d3cb56e\" data-id=\"d3cb56e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d27f960 elementor-widget elementor-widget-html\" data-id=\"d27f960\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\">\n    <title>Leaflet Map<\/title>\n     <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.9.3\/dist\/leaflet.css\"\n     integrity=\"sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI=\"\n     crossorigin=\"\"\/>\n     <link href='https:\/\/api.mapbox.com\/mapbox.js\/plugins\/leaflet-fullscreen\/v1.0.1\/leaflet.fullscreen.css' rel='stylesheet' \/>\n    <style type=\"text\/css\">\n      body{\n        margin: 0;\n        padding: 0;\n      }\n      #map {\n        width: 100vw;\n        height: 100vh;\n      }\n    <\/style>\n  <\/head>\n  <body>\n    <div id=\"map\" style=\"height: 610px; width:100%\"><\/div>\n\n    <script src=\"https:\/\/unpkg.com\/leaflet@1.9.3\/dist\/leaflet.js\"\n     integrity=\"sha256-WBkoXOwTeyKclOHuWtc+i2uENFpDZ9YPdf5Hf+D7ewM=\"\n     crossorigin=\"\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet-gpx\/1.7.0\/gpx.min.js\"><\/script>\n    <script src='https:\/\/api.mapbox.com\/mapbox.js\/plugins\/leaflet-fullscreen\/v1.0.1\/Leaflet.fullscreen.min.js'><\/script>\n    <script>\n      \/\/ All the code for the leaflet map will come here\n    \n    \/\/ Create the map\n    const map = L.map('map',{fullscreenControl: true});\n    L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', { attribution: '&copy; <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> contributors' }).addTo(map);\n    \n    \/\/ Display the latest position of the ship\n    const current_position_marker = L.marker(\n[,]\r\n\n\n);\n    current_position_marker.bindPopup(\"<b>On est l\u00e0 !<\/b>\").addTo(map).openPopup();\n\n    \n    \/\/ Center the map on the latest position\n    function centerLeafletMapOnMarker(map, marker) {\n        var latLngs = [ marker.getLatLng() ];\n        var markerBounds = L.latLngBounds(latLngs);\n        map.fitBounds(markerBounds);\n        map.setZoom(9);\n    }\n    centerLeafletMapOnMarker(map, current_position_marker);\n    \n    \/\/ Display the gpx file\n    var gpx_file = 'http:\/\/projet-heremoana.com\/wp-content\/uploads\/gpx\/heremoana_track.gpx';\n    new L.GPX(gpx_file,{\n        async: true, \n        marker_options: {\n            startIconUrl: null,\n            endIconUrl: null,\n        },    \n        gpx_options: {parseElements: 'track'},\n        polyline_options: {color: 'green'},\n    }).on('loaded', function(e) {}).addTo(map);\n\n    <\/script>\n  <\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Derni\u00e8re position re\u00e7ue \u00e0 : UTCVitesse : ktCap : \u00b0 Leaflet Map<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"folder":[],"class_list":["post-2824","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/pages\/2824","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/comments?post=2824"}],"version-history":[{"count":56,"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/pages\/2824\/revisions"}],"predecessor-version":[{"id":3336,"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/pages\/2824\/revisions\/3336"}],"wp:attachment":[{"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/media?parent=2824"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"http:\/\/projet-heremoana.com\/index.php\/wp-json\/wp\/v2\/folder?post=2824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}