第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何通過(guò)輸入傳單進(jìn)行搜索?

如何通過(guò)輸入傳單進(jìn)行搜索?

富國(guó)滬深 2022-10-08 17:57:52
我需要您的幫助,我正在使用 Leaflet 庫(kù),我想將地址搜索放在地圖內(nèi),但不是在地圖內(nèi)搜索,但是是的,在地圖外輸入:在此處輸入圖像描述但是,我看到它可以做到,Nominatim甚至使用它(https://nominatim.openstreetmap.org/),但沒(méi)有關(guān)于如何做到這一點(diǎn)的解釋。代碼看起來(lái)像這樣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);}
查看完整描述

1 回答

?
一只萌萌小番薯

TA貢獻(xiàn)1795條經(jīng)驗(yàn) 獲得超7個(gè)贊

正如我昨天所說(shuō),我準(zhǔn)備了一個(gè)使用GeoJSON格式的工作示例。我稍微修改了自動(dòng)建議我的應(yīng)用程序。
我已經(jīng)連接了nominatim,還添加了處理靜態(tài)GeoJSON文件的選項(xiàng)。

我準(zhǔn)備了一個(gè)分支 - autosuggest+nominatim和工作示例nominatim-leaflet-search

當(dāng)然,我可以在短時(shí)間內(nèi)進(jìn)行盡可能多的測(cè)試,但是您必須考慮到可能存在一些錯(cuò)誤的事實(shí)。Gzip 代碼,重約 8KB,所以還不錯(cuò)。

更新
我在 github Leaflet.Autocomplete上準(zhǔn)備了一個(gè)項(xiàng)目,展示了插件的工作,并盡可能多地解釋它是如何工作的。


查看完整回答
反對(duì) 回復(fù) 2022-10-08
  • 1 回答
  • 0 關(guān)注
  • 142 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)