geologyidea.com
Viac

Tlačidlo „Domov“ Leták

Tlačidlo „Domov“ Leták


We are searching data for your request:

Forums and discussions:
Manuals and reference books:
Data from registers:
Wait the end of the search in all databases.
Upon completion, a link will appear to access the found materials.


Existuje možnosť mať na mojej mape letákov akési domovské tlačidlo, ktoré priblíži moje počiatočné zobrazenie mapy alebo konkrétnu definovanú polohu?


Nasledujúci text pridá na mapu letákov vlastný ovládací prvok priblíženia pomocou tlačidla Domov. Domovská ikona pochádza z úžasného písma, preto tento odkaz určite uveďte.

Pracovné husle tu.

html:

     

css:

#map {výška: 340px; } .list-bar a {farba-pozadia: #fff; border-bottom: 1px solid #ccc; farba: #444; displej: blok; výška: 26px; šírka: 26px; výška riadka: 1,45! dôležité; zarovnanie textu: stred; textová dekorácia: žiadna; písmo: tučné 18 pixelov 'Lucida Console', Monaco, monospace; }

javascript:

var lat = 51,505; var lng = -0,09; var zoom = 12; // nastavenie mapy a odstránenie predvoleného zoomControl var map = L.map ('map', {zoomControl: false}); map.setView ([lat, lng], priblíženie); L.tileLayer ('http: // {s} .tile.openstreetmap.org/{z}/{x}/{y} .png ">

S Leaflet.EasyButton zostanú veci celkom čisté: pomenujte svoju ikonu a funkciu (ak chcete, umiestnite kurzor na text):

var home = {lat: 70,3, lng: 50,5, zoom: 8}; L.easyButton ('fa-home', function (btn, map) {map.setView ([home.lat, home.lng], home.zoom);}, 'Zoom To Home'). AddTo (mapa);

(stranou) a príklad zoomu, ktorý odpovedá toms pomocou tlačidla easyButton:

// urobte lištu pomocou tlačidiel var zoomBar = L.easyBar ([L.easyButton ('+', function (control, map) {map.setZoom (map.getZoom ()+1);}), L.easyButton (' fa-home fa-lg ', function (control, map) {map.setView ([ home.lat, home.lng], home.zoom);}) L.easyButton ('-', function (control, map) {map.setZoom (map.getZoom ()-1);}),]); // pridajte to na mapu zoomBar.addTo (mapa);

Pripojte tlačidlo, ktoré zavolá map.setView

http://leafletjs.com/reference.html#map-setview

map.setView (lat, lng, zoom);

Pozri si video: КАК ПРОНЕСТИ СЛАДОСТИ ДОМОЙ