Message posté par : vistel237 (vtchako99(a)gmail.com)
----------------------------------------
bonjour a vous,
j'essaye de mettre en place une application webmaping avec react-js en utilisant le
Framework react-leaflet j'affiche bien la map et des données provenant de geoserver en
local via le wfs et maintenant, j'aimerais mettre un évènement onclick sur la couche
de geoserver qui afficherait une popup avec les information du point en question voici mon
code et le résultat qu'il retourne:
-----------------
Code :
import React from 'react'
import { MapContainer, TileLayer, WMSTileLayer} from "react-leaflet";
export default function Map() {
const position = [4.05, 9.7];
const url = "http://127.0.0.1:8080/geoserver/yaounde/wms?service=WMS";
return (
<MapContainer className='Map' center={position} zoom={13}
scrollWheelZoom={true}>
<TileLayer
attribution='© <a
href="https://www.openstreetmap.org/copyright">OpenStreetMap&l…
contributors'
url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
/>
<WMSTileLayer
url={url}
version='1.1.0'
opacity={1}
transparent
layers="yaounde:adresse_dla"
format="image/png"
/>
</MapContainer>
)
}
-----------------
résultat: image joint
j'ai déjà regarder du coter de la fonction GeoJson de react-leaflet, sans succès
besoin d'aide s'il vous plait
----------------------------------------
Le message est situé
https://georezo.net/forum/viewtopic.php?pid=349121#p349121
Pour y répondre : webmapping(a)ml.georezo.net ou reply de votre messagerie
Pour vous désabonner connectez-vous sur le forum puis Profil / Abonnement
--
Association GeoRezo - le portail géomatique
https://georezo.net