Užitečné pluginy, návody a šablony pro WordPress CMS

Vkládání map Seznamu (mapy.cz)

Pro vkládání seznamáckých map do Wordpressu lze využít bohatě zdokumentované API.

  1. v header.php si natáhneme loader
<?php  if (is_page('123') ) { // (ev. is_single('456')) v případě, ze chceme mapu jen na konkrétní stránce či postu, podmínkou určíme id stránky/postu ?>
<script type="text/javascript" src="http://api4.mapy.cz/loader.js"></script><script type="text/javascript">// <![CDATA[
Loader.load()
// ]]></script>
<?php } ?>
  1. do kódu stránky (v html editoru) vložíme do stránky kód pro zobrazení mapy
<div id="m" style="width: 400px; height: 250px;"></div>
<!-- zde šířka, výška, případně rámeček a float -->
<script type="text/javascript">// <![CDATA[
var center = SMap.Coords.fromWGS84(17.893545, 49.932743); // koordináty x a y z url místa na mapy.cz
var m = new SMap(JAK.gel("m"), center, 15); // číslo udává stupeň zoomu
m.addDefaultLayer(SMap.DEF_BASE).enable(); // základní mapa
m.addDefaultControls(); // vloží ovladač pro posun a zoom
var layer = new SMap.Layer.Marker(); // vložení značky
m.addLayer(layer);
layer.enable();
var options = {};
var marker = new SMap.Marker(center, "myMarker", options);
layer.addMarker(marker);
// ]]></script>
  1. no a mapa pak vypadá třeba takhle.

Vychytal to Bigdrobek.

OVX.cz 2003 | Přihlásit se
Bez cookies už dnes těžko provozovat plnohodnotný web. Setrváním zde tudíž vyjadřujete souhlas s jejich používáním. Více informací. | Zavřít.