Forum PHP.pl

w sekcji HEAD pobieram z SQL w pętli współrzędne i otrzymuję w efekcie

[HTML] pobierz, plaintext 
<script type="text/javascript">
function mapa() {
	var opcje = {zoom: 15, center: pozycja, mapTypeId: google.maps.MapTypeId.ROADMAP}
	var mapa = new google.maps.Map(document.getElementById("GoogleMap"), opcje);
	var pozycja = new google.maps.LatLng(51.7596551014072, 19.45899602920531);
	var dymek = new google.maps.InfoWindow();
	var flaga = 'x.png';
 
	var a_43 = new google.maps.InfoWindow ({content: '<p><span class="title">test5</span>,<br /><br />5</p>'});
	var b_43 = new google.maps.LatLng(51.76191289573248, 19.447795124359118);
	var c_43 = new google.maps.Marker({position: b_43, map: mapa, icon: flaga});
	google.maps.event.addListener(c_43, 'click', function() {a_43.open(mapa, c_43);});
 
	var a_42 = new google.maps.InfoWindow ({content: '<p><span class="title">test4</span>,<br /><br />4</p>'});
	var b_42 = new google.maps.LatLng(51.76191289573248, 19.447795124359118);
	var c_42 = new google.maps.Marker({position: b_42, map: mapa, icon: flaga});
	google.maps.event.addListener(c_42, 'click', function() {a_42.open(mapa, c_42);});
 
	var a_41 = new google.maps.InfoWindow ({content: '<p><span class="title">test3</span>,<br /><br />3</p>'});
	var b_41 = new google.maps.LatLng(51.757344065590104, 19.449125500030505);
	var c_41 = new google.maps.Marker({position: b_41, map: mapa, icon: flaga});
	google.maps.event.addListener(c_41, 'click', function() {a_41.open(mapa, c_41);});
 
	var a_40 = new google.maps.InfoWindow ({content: '<p><span class="title">test2</span>,<br /><br />2</p>'});
	var b_40 = new google.maps.LatLng(51.76042542039522, 19.47418806106566);
	var c_40 = new google.maps.Marker({position: b_40, map: mapa, icon: flaga});
	google.maps.event.addListener(c_40, 'click', function() {a_40.open(mapa, c_40);});
 
	var a_39 = new google.maps.InfoWindow ({content: '<p><span class="title">test1</span>,<br /><br />1</p>'});
	var b_39 = new google.maps.LatLng(51.7574503227045, 19.473801822967516);
	var c_39 = new google.maps.Marker({position: b_39, map: mapa, icon: flaga});
	google.maps.event.addListener(c_39, 'click', function() {a_39.open(mapa, c_39);});
 
}
</script>
[HTML] pobierz, plaintext 

na mapie mam ładnie pokazane markery z opisami pojawiającymi się w dymkach po kliknięciu na nie, następnie w sekcji BODY tworze w pętli linki

[HTML] pobierz, plaintext 
<ol>
<li><strong><a href="java script:google.maps.event.addListener(d_43, 'click', function() {b_43.open(mapa, d_43);});">test5</a></strong> (5)</li>
<li><strong><a href="java script:google.maps.event.addListener(d_42, 'click', function() {b_42.open(mapa, d_42);});">test4</a></strong> (4)</li>
<li><strong><a href="java script:google.maps.event.addListener(d_41, 'click', function() {b_41.open(mapa, d_41);});">test3</a></strong> (3)</li>
<li><strong><a href="java script:google.maps.event.addListener(d_40, 'click', function() {b_40.open(mapa, d_40);});">test2</a></strong> (2)</li>
<li><strong><a href="java script:google.maps.event.addListener(d_39, 'click', function() {b_39.open(mapa, d_39);});">test1</a></strong> (1)</li>
</ol>
[HTML] pobierz, plaintext 

mam prośbę o podpowiedź co wstawić w HREF aby wyświetlić dany marker na mapie?

Ten post edytował piotrd 8.08.2012, 13:07:49

Zmienna jest zdefiniowana wewnątrz funkcji i ma zasięg lokalny. Wobec tego nie widać jej nigdzie poza funkcją "mapa".

ok rozumiem, ale gdy tworzę nową funkcję po

[HTML] pobierz, plaintext 
function mapa() {
...
}
[HTML] pobierz, plaintext 

zawierającą

[HTML] pobierz, plaintext 
function link() {
google.maps.event.addListener(c_39, 'click', function() {a_39.open(mapa, c_39);});
}
[HTML] pobierz, plaintext 

wtedy i tak nie działa

[HTML] pobierz, plaintext 
var mapa;
function mapa(){}
function link(){}
[HTML] pobierz, plaintext 

i wtedy nie zapominj z mapa powypieprzać te vary (IMG:style_emoticons/default/smile.gif)

za piękne aby było prawdziwe, męczę się z tym już 3 dzień bez efektów
przeniosłem vary poza funkcję mapa() ale linki nadal nie działają

cały html

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="pl-PL">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>x</title>
<link rel="stylesheet" href="./style.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var pozycja = new google.maps.LatLng(51.7596551014072, 19.45899602920531);
var opcje = {zoom: 14, center: pozycja, mapTypeId: google.maps.MapTypeId.ROADMAP}
var marker = new google.maps.Marker({position: pozycja, draggable: true});
var dymek = new google.maps.InfoWindow();
var flaga = 'x.png';
var mapa;
 
var a_45, b_45, c_45;
var a_44, b_44, c_44;
var a_43, b_43, c_43;
 
function mapa() {
	mapa = new google.maps.Map(document.getElementById("GoogleMap"), opcje);
 
	a_45 = new google.maps.InfoWindow ({content: '<p><span class="title">test</span><br /><br />test</p>'});
	b_45 = new google.maps.LatLng(51.75694559918423, 19.493585796661364);
	c_45 = new google.maps.Marker({position: b_45, map: mapa, icon: flaga});
	google.maps.event.addListener(c_45, 'click', function() {a_45.open(mapa, c_45);});
 
	a_44 = new google.maps.InfoWindow ({content: '<p><span class="title">test</span><br /><br />test</p>'});
	b_44 = new google.maps.LatLng(51.75604239564689, 19.499765606231676);
	c_44 = new google.maps.Marker({position: b_44, map: mapa, icon: flaga});
	google.maps.event.addListener(c_44, 'click', function() {a_44.open(mapa, c_44);});
 
	a_43 = new google.maps.InfoWindow ({content: '<p><span class="title">test</span><br /><br />test</p>'});
	b_43 = new google.maps.LatLng(51.7535983425582, 19.486805172271715);
	c_43 = new google.maps.Marker({position: b_43, map: mapa, icon: flaga});
	google.maps.event.addListener(c_43, 'click', function() {a_43.open(mapa, c_43);});
}
</script>
</head>
 
<body onload="mapa();">
<div id="GoogleMap"></div>
<div id="form" style="float: left; margin-left: 20px;">
</div>
<div id="osoby" style="float: left; margin-left: 20px;">
<p>x:</p>
<ol>
<li><strong><a href="#" onclick="java script:google.maps.event.addListener(c_45,'click',function(){a_45.open(mapa,c_45);return: false;});">test</a></strong>: test</li>
<li><strong><a href="#" onclick="java script:google.maps.event.addListener(c_44,'click',function(){a_44.open(mapa,c_44);return: false;});">test</a></strong>: test</li>
<li><strong><a href="#" onclick="java script:google.maps.event.addListener(c_43,'click',function(){a_43.open(mapa,c_43);return: false;});">test</a></strong>: test</li>
</ol>
</div>
</body>
</html>
 
[HTML] pobierz, plaintext 

Ten post edytował piotrd 9.08.2012, 12:36:55

od kiedy w onclick podaje się kod po java script: (IMG:style_emoticons/default/questionmark.gif)

to

[HTML] pobierz, plaintext 
<a href="#" onclick="google.maps.event.addListener(c_47,'click',function(){a_47.open(mapa,c_47);return: false;});">
[HTML] pobierz, plaintext 

i to

[HTML] pobierz, plaintext 
a href="java script:google.maps.event.addListener(c_47,'click',function(){a_47.open(mapa,c_47);return: false;});">
[HTML] pobierz, plaintext 

nie działa

Ten post edytował piotrd 9.08.2012, 13:23:40

o coś takiego chodzi ? bo nie jestem pewien czy rozumiem twój problem (IMG:style_emoticons/default/smile.gif)

http://jsfiddle.net/9pDmV/

dokładnie tak, o to chodzi

poczytaj o google.maps.event.trigger

stwierdzam że to jest awykonalne bo nie można odwołać się to funkcji która już została zainicjowana przez <body onload>
musze wszystko napisac od nowa i w funkcji mapa() wykonać pętle linków które później wyświetlę na stronie