маркер google

@vamp_star · Регистрация: 12.07.2011

Студворк — интернет-сервис помощи студентам

возможноли сделать что бы функция

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var markers = [];
                                for (var i = 0; i < 1; i++) {
                                   var point = new GLatLng(59.865601, 30.384477);
                                        marker = new GMarker(point);
                                        map.addOverlay(marker);
                                        markers[i] = marker;
                                }
                                
                                $(markers).each(function(i,marker){
                                        $("<li />")
                                                .html("ееее")
                                                .click(function(){
                                                displayPoint(marker, i);
                                                })
                                                .appendTo("#list");
                                        
                                        GEvent.addListener(marker, "click", function(){
                                                displayPoint(marker, i);
                                        });
                                });

каким нибудь образом преобритала значении ?id=2 что бы вывести из бд что нибудь

или как нибудь сделати вот это

HTML5
1
2
3
<div id="message" style="display:none;"> 
                        Наш Текст
                </div>

только что бы тексц ы всех var бул разный

@Schtrich · 04.08.2011, 02:36

да тут не только текст, тут бы и сам смысл вопроса отредактировать не мешало бы.

@vamp_star · 04.08.2011, 11:09 **[ТС]**

Сообщение от AlienNation

да тут не только текст, тут бы и сам смысл вопроса отредактировать не мешало бы.

у меня сейчас вот так http://ruseller.com/lessons/les863/demo.html
надо сделать так чтобы вместо надписи наш текст была другая надпись у каждого разная

@Schtrich · 04.08.2011, 12:33

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul>
    <li> nash text 1 </li>
    <li> nash text 2 </li>
    <li> nash text 3 </li>
    <li> nash text 4 </li>
    <li> nash text 5 </li>
    <li> nash text 6 </li>
    <li> nash text 7 </li>
    <li> nash text 8 </li>
    <li> nash text 9 </li>
    <li> nash text 10 </li>
</ul>
 
<div id="msg">Наш Текст</div>

JavaScript
1
2
3
$('li').click(function(){
 $('#msg').text($(this).text());
});

@vamp_star · 04.08.2011, 13:00 **[ТС]**

Сообщение от AlienNation

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul>
    <li> nash text 1 </li>
    <li> nash text 2 </li>
    <li> nash text 3 </li>
    <li> nash text 4 </li>
    <li> nash text 5 </li>
    <li> nash text 6 </li>
    <li> nash text 7 </li>
    <li> nash text 8 </li>
    <li> nash text 9 </li>
    <li> nash text 10 </li>
</ul>
 
<div id="msg">Наш Текст</div>

JavaScript
1
2
3
$('li').click(function(){
 $('#msg').text($(this).text());
});

спасибо за онвет но я с js не понл куда его здесь надо у меня сейчас вот так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html> 
    <head> 
        <title>Google Maps и jQuery</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
        <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAiz4SyJQ_IPfzNnEKwAPysxSDY_x-kwt2MyWlk4-3qOnvHogxuxRIRxRFOYcPWsFrkmJCbS9wUJeVrA&sensor"></script> 
        <script type="text/javascript"> 
        google.load("jquery", '1.3');
        google.load("maps", "2.x");
        </script>
        
        <script type="text/javascript" charset="utf-8"> 
            $(document).ready(function(){
                var map = new GMap2($("#map").get(0));
                var burnsvilleMN = new GLatLng(59.849121, 30.387052);
                map.setCenter(burnsvilleMN, 17);
                
 
var markers = [];
                for (var i = 0; i < 1; i++) {
                   var point = new GLatLng(59.833052, 30.417065);//фок
                    marker = new GMarker(point);
                    map.addOverlay(marker);
                    markers[i] = marker;
                }
                
                $(markers).each(function(i,marker){
                    $("<li />")
                        .html("фок")
                        .click(function(){
                                displayPoint(marker, i);
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });
 
                
var markers = [];
                for (var i = 0; i < 1; i++) {
                   var point = new GLatLng(59.873571, 30.4094);//офис
                    marker = new GMarker(point);
                    map.addOverlay(marker);
                    markers[i] = marker;
                }
                
                $(markers).each(function(i,marker){
                    $("<li />")
                        .html("офис")
                        .click(function(){
                                displayPoint(marker, i);
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });
 
 
                $("#message").appendTo(map.getPane(G_MAP_FLOAT_SHADOW_PANE));                  
                                function displayPoint(marker, i){
                    $("#message").hide();
                    
                    var moveEnd = GEvent.addListener(map, "moveend", function(){
                        var markerOffset = map.fromLatLngToDivPixel(marker.getLatLng());
                        $("#message")
                            .fadeIn()
                            .css({ top:markerOffset.y, left:markerOffset.x });
                    
                        GEvent.removeListener(moveEnd);
                    });
                    map.panTo(marker.getLatLng());
                }
            });
        </script> 
        <style type="text/css" media="screen">
 
 
            #map { float:left; width:800px; height:540px;margin: 0px 10px 0px 12px;}
            #message { position:absolute; padding:10px; background:#555; color:#fff; width:95px; }
        #list { float:left; width:204px; background:#eee; list-style:none; padding:0;margin: 0px 10px 0px; 12p}
            #list li { padding:6px;}
            #list li:hover { background:#555; color:#fff; cursor:pointer; cursor:hand;}
        </style> 
    </head> 
    <body>
        <div id="map"></div>
        <ul>
    <li> nash text 1 </li>
    <li> nash text 2 </li>
</ul>
 
<div id="msg">Наш Текст</div>
 
    </body> 
</html>

@Schtrich · 06.08.2011, 00:15

вот функция, которая формирует список маркеров:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(markers).each(function(i,marker){
                    $("<li />")
                        .html("Точка "+(i+1))
                        .click(function(){
                            displayPoint(marker, i);
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });

т.е. она каждому li присваивает значение Точка i, но если ты хочешь вручную свои данные ввести в эти li, то удаляй это все и так и пиши в html! не в javascript <li> Америка </li> <li> Канада </li> и т.д., а потом на эти li вешай функцию function(i,marker), i это индекс, будет что-то типа
$('li').click(function(){
var i = $('li').index(this);
function(i,marker) {// в общем все с ног на голову перевернуть, если вы эту функцию сам писали то поймете, если нет, то тяжелый случай, я своим кодом занят не могу чужой код полностью переделывать }
});

@vamp_star · 06.08.2011, 00:50 **[ТС]**

Сообщение от AlienNation

вот функция, которая формирует список маркеров:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$(markers).each(function(i,marker){
                    $("<li />")
                        .html("Точка "+(i+1))
                        .click(function(){
                            displayPoint(marker, i);
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });

т.е. она каждому li присваивает значение Точка i, но если ты хочешь вручную свои данные ввести в эти li, то удаляй это все и так и пиши в html! не в javascript <li> Америка </li> <li> Канада </li> и т.д., а потом на эти li вешай функцию function(i,marker), i это индекс, будет что-то типа
$('li').click(function(){
var i = $('li').index(this);
function(i,marker) {// в общем все с ног на голову перевернуть, если вы эту функцию сам писали то поймете, если нет, то тяжелый случай, я своим кодом занят не могу чужой код полностью переделывать }
});

все понял спасибо огромное еще раз извените что отвлек

@Schtrich · 06.08.2011, 00:55

да, можно еще проще, даже не надо ничего удалять и в корне переворачивать, просто создать массив отдельный массив с вашими маркерами:
mark [ 1 ] = "USA"
mark [ 2 ] = "CANADA"

и т.д., потом подставлять в это же функции значение массива:

JavaScript
1
.html(mark[i])

я что-то сильно глубоко заехал сначала, вот сейчас все просто.

@vamp_star · 06.08.2011, 10:39 **[ТС]**

Сообщение от AlienNation

да, можно еще проще, даже не надо ничего удалять и в корне переворачивать, просто создать массив отдельный массив с вашими маркерами:
mark [ 1 ] = "USA"
mark [ 2 ] = "CANADA"

и т.д., потом подставлять в это же функции значение массива:

JavaScript
1
.html(mark[i])

я что-то сильно глубоко заехал сначала, вот сейчас все просто.

блин когда последнее написал до меня доперла
мне нe market надо поменять а $("#message") market у меня и тк задан был

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
$(markers).each(function(i,marker){
                    $("<li />")
                        .html("канада")
                        .click(function(){
                                displayPoint(marker, i);
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });

@Schtrich · 06.08.2011, 13:38

ну тогда так получается:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
$(markers).each(function(i,marker){
                    $("<li />")
                        .html("канада")
                        .click(function(){
                                displayPoint(marker, i);
                                                $('#mеssage').text($(this).text());
                        })
                        .appendTo("#list");
                    
                    GEvent.addListener(marker, "click", function(){
                        displayPoint(marker, i);
                    });
                });

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Schtrich weboman 210 / 195 / 63 Регистрация: 13.08.2010 Сообщений: 1,531 Записей в блоге: 6
	04.08.2011, 02:36
	да тут не только текст, тут бы и сам смысл вопроса отредактировать не мешало бы. 0