1. Bonjour tout le monde ! Veillez consulter la Politique de forum pour comprendre nos règles, Merci a vous !
    Rejeter la notice

AIDE Affichage d'une carte javascript dans un champ HTML

Discussion dans 'Windev' créé par nrdz83, Déc 22, 2018.

  1. nrdz83

    nrdz83 New Member

    Inscrit:
    Déc 19, 2018
    Messages:
    5
    J'aime reçus:
    0
    Bonjour à tous , j'essaie en vain de remplacer le champ carte google dans windev et afficher une carte avec un code javascript. J'ai récupéré ce code sur un site pour comprendre et faire un exxemple mais je n'arrive pas à faire afficher la carte dans mon champ ActiveX. Qu'elqu'un pourrait m'aider sur comment faire pour afficher cette carte. Par avance merci. Cordialement.

    windev 20
     

    Fichiers attachés:

    Tags:
  2. nrdz83

    nrdz83 New Member

    Inscrit:
    Déc 19, 2018
    Messages:
    5
    J'aime reçus:
    0
    Bonsoir Joker,

    merci pour tes conseils qui m'ont été précieux, du coup je suis parti pour afficher une carte simple (avec leaflet) avant de cherche à afficher une couche géoportail.

    J'ai donc fait le code ci-dessous qui fonctionne sauf une erreur pour l'affichage du marqueur.

    Quelqu'un pourrait m'aider sur cette erreur ?

    Par avance merci à tous.

    Bonne soirée

    Code (Javascript):
    macarte2 est une chaîne=[
        <!DOCTYPE html>
        <html>
        <head>
       
        <!-- Paramètrage d'affichage de la carte -->
        <style type="text/css">
        #viewerDiv {
        width:100%;
        height:600px;
        }
        </style>
       
        <!-- le fichier CSS -->
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
       
        <!-- le fichier Javascript Leaflet -->
        <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
        <div id="viewerDiv"></div>
       
        <!-- //latitude et longitude de GONFARON avec un zoom de 10 -->
        <script type="text/javascript">
        window.onload= function() {
        var map = L.map("viewerDiv").setView([43.318630,6.300596],10) ;
        L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
        {
        minZoom : 0,
        maxZoom : 18,
        tileSize : 256,
       
       
        <!--Affiche un marqueur sur  GONFARON a -->
        var marker = L.marker([43.318630, 6.300596]).addTo(map);
       
       
        <!-- lègende affichée en bas de la cartographie -->
        attribution : "IGN-F/Géoportail"
        }).addTo(map);
        }
       

       
        </script>  
        </body>
        </html>
    ]

    HTM_Carte2 = macarte2
     
     
  3. KouKic

    KouKic New Member

    Inscrit:
    Mar 22, 2018
    Messages:
    11
    J'aime reçus:
    5
    Salut,
    Pour info, si ça peut aider, tu as aussi un open source javascript de gestion de carte, vraiment complet: OpenLayer

    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!


    Bonjour visiteur, Merci de vous Inscrire ou de vous connectez pour voir les liens!

     

Partager cette page

Chargement...