| | |
| Stránka: 1 z 1
| [ Príspevok: 1 ] | |
Autor | Správa |
---|
Registrovaný: 08.04.08 Prihlásený: 04.08.14 Príspevky: 40 Témy: 8 |
Ahojte.
Mam spravenu mapu cez google maps api a potreboval by som tam mat vlastne ikonky pre body. Uz som taku mapu spravil, ale v tejto mam kdesi chybu a neviem preco to nefunguje.
tu je kod.. mapa funguje len sa tam zobrazuju standardtne ikony google maps
Kód: <div id="map" style="width: 100%; height: 100%;"></div>
<script type="text/javascript"> //<![CDATA[
if (GBrowserIsCompatible()) {
var side_bar_html = ""; var gmarkers = []; var htmls = []; var i = 0;
var baseIcon = new GIcon(); baseIcon.iconSize=new GSize(32,32); baseIcon.shadowSize=new GSize(56,32); baseIcon.iconAnchor=new GPoint(16,32); baseIcon.infoWindowAnchor=new GPoint(16,0); var wifi = new GIcon(baseIcon, "wifi.png", null, "wifis.png"); var webkamery = new GIcon(baseIcon, "webkamery.png", null, "webkamerys.png"); var bankomat = new GIcon(baseIcon, "bankomat.png", null, "bankomats.png"); var obchodny_dom = new GIcon(baseIcon, "obchodny_dom.png", null, "obchodny_doms.png");
function createMarker(point,name,html, icon) { var marker = new GMarker(point, icon); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); }); gmarkers[i] = marker; htmls[i] = html; side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br>'; i++; return marker; }
function myclick(i) { gmarkers[i].openInfoWindowHtml(htmls[i]); }
var map = new GMap2(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng( 49.116443, 18.446535), 15); map.setMapType(G_HYBRID_MAP);
function readMap(url) { var url="data.php?q="+url; var request = GXmlHttp.create(); request.open("GET", url, true); request.onreadystatechange = function() { if (request.readyState == 4) { var xmlDoc = request.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
map.getInfoWindow().show(); map.clearOverlays();
gmarkers = [];
side_bar_html=""; for (var i = 0; i < markers.length; i++) {
var lat = parseFloat(markers[i].getAttribute("lat")); var lng = parseFloat(markers[i].getAttribute("lng")); var point = new GLatLng(lat,lng); var html = markers[i].getAttribute("html"); var label = markers[i].getAttribute("label");; var icon = markers[i].getAttribute("icon");;
var marker = createMarker(point,label,html,icon); map.addOverlay(marker); }
document.getElementById("side_bar").innerHTML = side_bar_html; } } request.send(null); }
readMap("a"); }
else { alert("Prepacte, Google Maps API nie je kompatibliny s vasim prehliadac."); }
//]]> </script>
pre presnost data v subore data.php su ulozene v takomto tvare: Kód: <marker lat="49.116089" lng="18.446425" html="Mestská wifi free zóna." label="Mestská wifi" icon="wifi"/>
|
|
| Stránka: 1 z 1
| [ Príspevok: 1 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| vysledok vyhladavania Google na Google Maps v Ostatné | 1 | 810 | 09.11.2009 11:55 br4n0 | | Internet z bodu A do bodu B : 2,4GHZ v Poskytovatelia internetu | 0 | 228 | 08.05.2014 16:05 Vikinger | | Internet z bodu A do bodu B : 2,4GHZ v Sieťové a internetové programy | 0 | 193 | 08.05.2014 19:08 Vikinger | | Google Maps API v HTML, XHTML, XML, CSS | 10 | 582 | 27.06.2016 9:55 McLovin | | Maps GOOGLE odkazy v PHP, ASP | 2 | 462 | 04.05.2012 15:36 Bokos | | google maps podmienky v Ostatné | 2 | 1170 | 22.07.2011 16:32 jablko05 | | Google maps API v Ostatné | 0 | 928 | 18.01.2010 13:27 daddycool | | Google Maps API v JavaScript, VBScript, Ajax | 4 | 1464 | 25.02.2009 16:45 stanyko | | nefunguje google maps v Sieťové a internetové programy | 1 | 786 | 25.03.2011 14:25 walther | | Google maps - GPS suradnice v Služby a webstránky | 0 | 458 | 14.08.2013 20:11 capricorn7 | | google maps - nepresna geolokacia v Ostatné | 3 | 434 | 20.06.2013 1:28 walther | | Google Maps a iPhone 7 - casova os v Sociálne siete | 3 | 468 | 19.11.2020 0:10 okooko | | ulozit oblast z google maps ako obrazok v Grafické programy | 2 | 668 | 18.11.2015 22:28 p4tooo | | Na Google Maps zdokumentované hasenie horiaceho domu v Novinky | 2 | 659 | 14.08.2008 22:37 prandof | | Ako nahrat HD 1080p video z google maps v Video programy | 8 | 518 | 07.08.2014 16:54 SKRiPT | | C++, zistenie IP adresy + zobrazenie na google maps. v Assembler, C, C++, Pascal, Java | 5 | 892 | 21.11.2011 20:07 Fico |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|