Punkt na mapie- skrypt java- proszę o pomoc

[jarekcda]

Panowie proszę o pomoc. Znam php, ale nie ogarniam skryptów. Mam skrypt oznaczający punkt na mapie po wpisaniu w formularz nazwy miasta np Warszawa. Chciałbym go przerobić, żeby wpisało miasto ze zmiennej ze skryptu php (strona w php)

To jest wklejone również na     pastebin.com/4Sc1ZHDn

<div id="map"></div>
<form>
<input type="text" />
<button type="submit">Znajdź</button>
</form>

<script>
const map = new L.Map(document.getElementById("map"));
const tilesUrl = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
const mapAttrib =
'Map data _ <a href="https://openstreetmap.org">OpenStreetMap</a> contributors. Data _ OpenStreetMap contributors, ODbL 1.0. <a href="https://openstreetmap.org/copyright">Copyright</a>.';

const layer = new L.TileLayer(tilesUrl, {
minZoom: 8,
maxZoom: 20,
attribution: mapAttrib
});

const center = new L.LatLng(51.745835, 19.461556);
map.setView(center, 15);
const marker = L.marker(center);
marker.addTo(map);
map.addLayer(layer);

document.querySelector("form").addEventListener("submit", function(e) {
e.preventDefault();
const query = this.querySelector("input").value;
fetch(
`https://nominatim.openstreetmap.org/search…
)
.then(resp => resp.json())
.then(resp => {
if (resp.length > 0) {
const center = new L.LatLng(resp[0].lat, resp[0].lon);
map.setView(center, 15);
marker.setLatLng(center);
}
});
});
</script>

[Mion]

2 minuty temu, jarekcda napisał:

Znam php, ale nie ogarniam skryptów.

 

Stosuj formatowanie w znacznikach <code>

5 minut temu, jarekcda napisał:

Chciałbym go przerobić, żeby wpisało miasto ze zmiennej ze skryptu php

Nie mam pojęcia o co chodzi

[jarekcda]

Jak do tej części dodać zmienną z php (żeby działało)?

document.querySelector("form").addEventListener("submit", function(e) {
        e.preventDefault();
        const query = this.querySelector("input").value;
        fetch(.......

Próbowałem

const query = <?php echo $_POST['dane']; ?>;

nie działa.

 

[Mion]

4 minuty temu, jarekcda napisał:

const query = <?php echo $_POST['dane']; ?>;

By działało plik "strona" musi być w PHP. Zobacz co wyświetla tablica 

<?php print_r( $_POST);?>

Jeśli juz coś wyświetla i to od user , to przydało by się to filtrować

https://www.php.net/htmlspecialchars

 

[jarekcda]

Strona jest w php. jej adres    katalogfirm.iswift.eu/mapa2.php

Print_r dodałem,  jest zmienna

 

[Mion]

Ale jak to ma według Ciebie wyszukiwać ? Przecież leaflet nie ma tej funkcji.

Jedynie w pluginach do wyszukiwania lokalizacji https://leafletjs.com/plugins.html

---------

Ale teraz wyszukiwanie Ci działa Szuka miasta np: Poznań

---

Z tym, ze 1:1 to jest za mało,  bo cała masa nazw miast jest zdublowana, więc musiał byś wprowadzić województwo, powiat lub po wyszukaniu pokazać więcej niż 1 marker

[jarekcda]

Na podanej stronie skrypt działa jeżeli się w pole formularza wpisze się miasto. Ale z pliku php  nie mogę wpisać zmiennej, ginie cała mapa

[Mion]

Tu skrypt pobiera dane z formularza:
 

e.preventDefault();
const query = this.querySelector("input").value;
 fetch(
 `https://nominatim.openstreetmap.org/search?format=json&q=${query}`

I to idzie AJAXEM zobacz co za re questy idą np:

https://nominatim.openstreetmap.org/search?format=json&q=Poznań

Nie rozumiem czego w tym nie rozumiesz.  Musisz obsłużyć stosowne zdarzenie itd...

----------

document.querySelector("form").addEventListener("submit", function(e) {

Powyżej przechwytujesz zdarzenie wysłania formularza co pobiera do zmiennej dane z imputa.
Wiec użyj zdarzenia

https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event

przy wczytywaniu strony

 

 

 

[jarekcda]

Chciałbym, żeby miasto się wyświetlało z podanej zmiennej ze skryptu, ale mimo, że próbuję różnych wersji nie działa.

[Mion]

Litości! Ale co tam nie działała? Gdzie ma się wyświetlać miasto ? Pisz jakoś konkretniej, a nie lakonicznie, że trzeba się domyślać.
Ponoć znasz PHP

 

Może ktoś inny będzie CI wstanie pomoc, bo ja już rezygnuje.

[jarekcda]

Chciałem mapę podłączyć do katalogu firm, żeby wyświetlało położenie firmy. Ale nie z formularza pod mapą, ale ze skryptu- strona się otwiera i jest od razu pokazane jej położenie.

Ale dziękuję za pomoc.

[Mion]

TU musisz wypisać miasto za pomocą PHP :

`https://nominatim.openstreetmap.org/search?format=json&q=<?php echo $miasto;?>`

Następnie w zdarzeniu wczytania strony wykonać kod skryptu, który AJAXEM odpyta  i wynik JSON przekaże do funkcji od mapy czyli dokładnie to co się dziele prz przechwyceniu zdarzenia wysłania formularza.

https://developer.mozilla.org/en-US/docs/Web/API/Window/load_event

 

Poza tym taka obsługa pozmieniania miasta jest do DU*Y, bo jest niejednoznaczna. Pobieraj dane od userów w postaci  Get Latitude and Longitude

 

[jarekcda]

Tego też próbowałem nie działa.

[Mion]

Ciekawe bo "Mi działa" https://www.http200.pl/chwilowy/mapa2.php

Oczywiscie tak na pordukcji  być nie możne, bo mapa jest dwa razy wgrywane, ale jest to ma mega szybko przykład.

[kayman]

1 godzinę temu, Mion napisał:

Może ktoś inny będzie CI wstanie pomoc, bo ja już rezygnuje.

95% potrzebujących nie potrafi wyartykułować o co im chodzi a potem im nie działa, ode mnie szacun za dobre chęci