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).