我需要您的幫助,我正在使用 Leaflet 庫,我想將地址搜索放在地圖內(nèi),但不是在地圖內(nèi)搜索,但是是的,在地圖外輸入:在此處輸入圖像描述但是,我看到它可以做到,Nominatim甚至使用它(https://nominatim.openstreetmap.org/),但沒有關(guān)于如何做到這一點的解釋。代碼看起來像這樣var target = document.getElementById('map');document.addEventListener('DOMContentLoaded', function(e){ //executa o código somente após carregar o DOM var optionsMap = { center: [-21.511263, -51.434978], zoom: 15 } // cria??o do mapa let map = new L.map(target, optionsMap); map.doubleClickZoom.disable(); //adicionar uma camada de bloco do OpenStreetMap let basemap = L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', { }); basemap.addTo(map);});/*Imports*/@import 'reset.css';@import 'https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css';@import 'https://unpkg.com/leaflet@1.6.0/dist/leaflet.css';@import 'popup.css';/*Geral*/body{ background-color: rgb(109, 164, 182); font-family: Arial, Helvetica, sans-serif;}.titulo{ padding: 0.5em; color: white; text-align: center; font-size: 3em; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);}.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}/*Section*/.campo{ padding: 1em; background-color: rgba(255, 255, 255, 0.5); width: 80%; height: 80%; border-radius: 1em; box-shadow: 0px 2px 6.35px 0.35px rgba(0, 0, 0, 0.3);}.pesquisa{ border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; width: 92%; padding: 10px;}.btn{ border: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 10px; margin-left: 0em; margin-top: 0em;}.btn:hover{ background-color: rgb(90, 136, 221, 0.3);}#map{ width: auto; height: 500px; border: none; border-radius: 1em; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);}
如何通過輸入傳單進行搜索?
富國滬深
2022-10-08 17:57:52