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). Funkce může vracet objekt (OnClickOptions), kterým lze 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" je možné kombinovat s polohovými kódy - v tomto případě rektorát 'BMA01'. Polohové kódy můžete dohledat např. v 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) { //evt: PointerEvent
          return {
            animation: 'centerTo', //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.