munimap - označení místa mimo MU

Knihovna munimap umožňuje vložit "špendlík" na libovolné místo v mapě. V tomto příkladu je v mapě vyznačena poloha brněnského hlavního nádraží a autobusového nádraží. "Špendlík" je definován jako objekt typu ol.Feature s parametry:

• geometry - pomocí objektu typu ol.geom.Point definuje polohu "špendlíku" v mapě
• label - textový popis, který se zobrazí u "špendlíku" v mapě
• detail - textový / HTML popis, který se zobrazí po kliknutí na "špendlík" - nepovinný parametr
• color - nastaví vlastní barvu (hexadecimální zápis #RRGGBB) špendlíku a popisku. V případě vlastní ikony nastaví pouze barvu popisku - nepovinný parametr
• onClick - callback po kliknutí (evt - PointerEvent, options - {animation: 'zoomTo'}). Změnou hodnoty v options je možné přizpůsobit chování mapy po kliknutí na "špendlík". onClick - nepovinný parametr
• icon - nastaví vlastní ikonu - nepovinný parametr
  • url - url ikony - povinný parametr
  • size - velikost ikony (šířka a výška v pixelech) - povinný parametr
  • position - pozice ikony (above - nad souřadnicemi, below - pod souřadnicemi, origin - na souřadnice) - nepovinný parametr

"Špendlíky" a vlastní ikony je možné kombinovat s polohovými kódy - v tomto případě rektorát 'BMA01'. Polohové kódy můžete dohledat např. na Kompasu.

<script type="text/javascript">
  munimap.create({
        target: 'map',
        markers: [
          new ol.Feature({
            geometry: new ol.geom.Point([16.6311797, 49.2019158]),
            label: 'Vojenská nemocnice',
            detail:'<h4>Vojenská nemocnice</h4><a href="www.vnbrno.cz" target="_blank">www.vnbrno.cz</a>',
            color: 'green',
            onClick: function (evt, options) { //evt: PointerEvent
              options.animation = 'zoomTo'; //enum ['zoomTo', 'centerTo', 'none']
            },
            icon: {
              url: '../munimap/rectangle.png',
              size: [20, 20], // [width, height] in px
              position: 'origin', // enum ['above', 'below', 'origin']           
            },
          }),
          new ol.Feature({
            geometry: new ol.geom.Point([16.612802, 49.190582]),
            label: 'Brno hlavní nádraží',
            detail: '<h4>Hlavní nádraží</h4><a href="https://www.cd.cz" target="_blank">www.cd.cz</a>',
            color: '#009900'
          }),
          new ol.Feature({
            geometry: new ol.geom.Point([16.616667, 49.185833]),
            label: 'Autobusové nádraží Zvonařka'
          }),
          'BMA01'
        ]
  });
</script>
      

Parametry funkce munimap.create jsou následující:

• target - určuje id elementu, do kterého se mapa vykreslí
• markers - pole zvýrazněných bodů (špendlíků). Poloha je popsána zeměpisnými souřadnicemi v pořadí zemepisná délka, zeměpisná šířka.

Více se dozvíte v naší dokumentaci.