web-mapa
====== Differences ====== This shows you the differences between two versions of the page.
| Next revision | Previous revision | ||
|
web-mapa [2017/05/26 08:49] mapix created |
web-mapa [2018/01/07 15:18] (current) |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Vložení mapy průvodců na web ====== | ====== 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: | ||
| + | |||
| + | <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 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> | ||
| + | </code> | ||
| + | |||
| + | 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.1495781347.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
