web-pruvodce
Differences
This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
web-pruvodce [2017/05/26 08:48] mapix created |
web-pruvodce [2018/01/07 15:18] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Vložení průvodce na web ====== | ====== 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: | ||
| + | |||
| + | <code> | ||
| + | <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> | ||
| + | </code> | ||
| + | |||
| + | 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]]). | ||
web-pruvodce.1495781323.txt.gz · Last modified: 2018/01/07 15:18 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
