User Tools

Site Tools


web-mapa

Vložení mapy průvodců na web

Pro vložení mapy se všemi vašimi průvodci na webovou stránku vložte tento kód:

<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>

<body>
  <div id="googleMap" style="height:500px;">...</div>
  
  <script>
    var publisherId = <ID vydavatele>;
    
    var kmlUrl = "http://muj.mapix.cz/API/GetPackagesKml?publisherId=" + publisherId;
    var packagesInfoUrl = "http://muj.mapix.aconte.cz/API/GetPackagesInfo?publisherId=" + publisherId;
    
    var detailLevel = 0;
  
    function initialize() {
      $.getJSON(packagesInfoUrl, function(data) {
        var mapProp = {
          center: new google.maps.LatLng(data.ViewportSettings.Latitude, data.ViewportSettings.Longtitude),
          zoom: 15,
          minZoom: 3,
          mapTypeId: google.maps.MapTypeId.TERRAIN
        };
        var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
      
        kmlUrl = kmlUrl + '&dummy=' + (new Date()).getTime();
      
        var kmlOptions = {
            suppressInfoWindows: false,
            preserveViewport: data.ViewportSettings.PreserveViewPoint,
            scaleControl: true,
            map: map
        };
        var kmlLayer = new google.maps.KmlLayer(kmlUrl, kmlOptions);
    });
  }
  
  </script>
  <script async defer src="https://maps.googleapis.com/maps/api/js?key=<Google API key>&callback=initialize" type="text/javascript"></script>
</body>

V kódu je nutno nahradit <ID vydavatele> identifikátorem vašeho účtu, který najdete po přihlášení do administračního rozhraní Mapixu na záložce “Správa účtu”, a <Google API key> klíčem pro Google mapy pro váš web (viz https://developers.google.com/maps/documentation/javascript/get-api-key).

web-mapa.txt · Last modified: 2018/01/07 15:18 (external edit)