Infokartta Oy - Pääsivu

Ohje kartan integroimiseksi omalle sivulle

Kartan voi upottaa osaksi omaa sivua lisäämällä seuraavat osat sivun lähdekoodiin:

HEAD-osioon kopioitava osuus:

<link rel="stylesheet" type="text/css" href="https://www.infogis.fi/codebase-infogis/release-popuptest/style/integration_page_style.css" />
<link rel="stylesheet" type="text/css" href="https://www.infogis.fi/puolanka/branding.css" />
<script type="text/javascript" charset="UTF-8" src="https://www.infogis.fi/codebase-infogis/release-popuptest/script/infogis_engine.js.php?customer=puolanka&link=FdB5jjaihe""></script>

<style>
#infokartta_map {
        display:block;
        background:#fff;
        position:absolute;
        top:0;
        left:0;
        width:400px;
        height:400px;
        max-width:100%;
        overflow:hidden
}

#infokartta_map #ikMapTopPanel,#infokartta_map #ikMiniContPanel,#infokartta_map #ikMapBottomPanel,#infokartta_map #ikLPGrey,#infokartta_map #ikRPGrey,#infokartta_map #ikLPBCorner,#infokartta_map #ikRPBCorner {
        display:none !important
}
</style>

<script>
    var kartta = null;
    var initIkMap = function() {
        kartta = new infoGUI("infoTesti", 
            {
              containerId: "infokartta_map",
              brandingWidth: 169,
              leftControl: V_OFF,
              useRightControl: false,
              tools: [],
              buttonLinkUrl: "https://www.infogis.fi/puolanka/?link=FdB5jjaihe"",
              showHelp: V_OFF
           },{
              initLatLon: [7139107,566485],
              initZoom: 1,
              naviMap: V_OFF,
              visibleProjection: "EPSG:3067",
              bounds: [19970,6597300,749670,7785300]
            }
       );
  };
</script>

Sivun BODY-osioon kopioitava osuus:

<div id="infokartta_map"></div>
<script> initIkMap(); </script>

Ylläolevaa esimerkkikoodia tulee muokata asiakkaan nimen sekä link-parametrin osalta. Asiakkaan nimi (ylläolevassa esimerkissä "puolanka") muutetaan halutun karttapalvelun nimen mukaiseksi. Esim jos luodaan integrointia infogis.fi/kontiolahti/ -palvelusta niin "puolanka"-sana korvataan "kontiolahti"-sanalla.

Koodissa on mukana esimerkkinä tyylimäärittely jolla määritellään kartan koko ja sijainti.

Kartan sisältö valitaan asiakkaan karttapalvelussa Karttalinkki-toiminnolla. Kartalle valitaan haluttu näkymä, halutut kohteet sekä merkitään sijainti niin haluttaessa. Luo linkki -toiminnon luomasta linkistä kopioidaan talteen "link="-parametri. Tätä link-parametria käytetään ylläolevassa koodissa "link="-parametrina.

Katso ylläolevan mukainen esimerkkitoteutus