Vložení průvodce na web

Pro vložení mapy s konkrétním průvodcem 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 packageId = <ID požadovaného průvodce>;
    
    var kmlUrl = "http://muj.mapix.cz/API/GetPackageKml?packageId=" + packageId;
    var packageInfoUrl = "http://muj.mapix.cz/API/GetPackageInfo?packageId=" + packageId + "&webVersion=true";
    
    var detailLevel = 0;
  
    function initialize() {
      $.getJSON(packageInfoUrl, 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 + '&detailLevel=' + detailLevel + '&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 požadovaného průvodce> identifikátorem průvodce, který najdete po přihlášení do administračního rozhraní Mapixu v záložce Administrace→Balíčky v dialogu na úpravu konkrétního balíčku, a <Google API key> za klíč pro Google mapy pro váš web (viz https://developers.google.com/maps/documentation/javascript/get-api-key).

Mapix

User Tools

Site Tools

Sidebar

Vložení průvodce na web

Page Tools