Форум программистов, компьютерный форум, киберфорум
JavaScript: API
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
0 / 0 / 0
Регистрация: 26.09.2016
Сообщений: 27

Несколько маркеров на Google Maps

26.09.2016, 18:25. Показов 2644. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте.
Нужна помощь. Есть готовый рабочий исходный код гугл карты. Как добавить несколько маркеров и подписей к ним? Только ненужно давать ссылки на уже существующие посты на форуме, я их уже просмотрел, но не нашел ответа. Вот исходник того что у меня:

JavaScript
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
101
102
103
104
var map;
var markers=[];
//var geocoder=new google.maps.Geocoder();
//var bounds_map = new google.maps.LatLngBounds();
var infowindows=[];
var data = {"markers":[
    {
        //"lat":55.751574,
        //"lng":37.573856,
        //"name":"",
        //'content': "Москва, Пискаревский пр., д. 25, оф. 1006",
        //"id":1
    }
]};
 
//var marker = new google.maps.Marker({
//    position: myLatLng,
//    map: map,
//    icon: {
//        url: 'icons/marker.png',
//        size: new google.maps.Size(10,10)
//    }
//});
function load_map() {
    var latlng = new google.maps.LatLng(00.000000, 00.000000);
    var mapOptions = {
        scrollwheel: false,
        zoom: 11,
        center: latlng
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
 
 
function get_markers_from_json(data){
 
    if (data.markers.length){
        for (var i = 0; i < markers.length; i++ ) {
            markers[i].setMap(null);
        }
        markers.splice(0, markers.length);
 
        // var bounds = new google.maps.LatLngBounds();
 
        $.each(data.markers, function(i, marker_data){
            var llng=new google.maps.LatLng(marker_data.lat, marker_data.lng);
            if (marker_data.name){ var contentString = marker_data.name; }
            else{ var contentString = '';   }
 
            var infowindow = new google.maps.InfoWindow({
                content: 'Текст'
            });
            infowindows[marker_data.id]=infowindow;
 
            // var mimage = new google.maps.MarkerImage('icons/marker.png', null, null, null, new google.maps.Size(86,85));
            var mimage = {
                url: '/themes/ferma/assets/marker.png',
                origin: new google.maps.Point(0, 0),
                size: new google.maps.Size(92, 131),
                anchor: new google.maps.Point(92/3, 131)
            };
 
            var marker = new google.maps.Marker({
                map: map,
                position: new google.maps.LatLng(00.000000, 00.000000),
                icon: mimage,
                optimized: false
            });
            
                    
            // function load_map() {
            //     var latlng = new google.maps.LatLng(59.96968226, 30.41524850);
            //     var mapOptions = {
            //         scrollwheel: false,
            //         zoom: 15,
            //         center: latlng
            //     };
            //     map = new google.maps.Map(document.getElementById("google-map"), mapOptions);
            // }
            markers[marker_data.id]=marker;
            // bounds.extend(llng);
 
            google.maps.event.addListener(marker, 'click', function() {
                for(i = 0; i < infowindows.length; i++) {
                    if(infowindows[i]){
                        infowindows[i].close();
                    }
                }
                infowindow.open(map,marker);
            });
        });
 
        // map.panTo(bounds.getCenter());
        // map.setZoom(12);
        // map.panBy(0, 0);
    }
 
}
$(document).ready(function(){
    if($('#map_canvas').length>0){
        load_map();
        get_markers_from_json(data);
    }
});
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
26.09.2016, 18:25
Ответы с готовыми решениями:

Вывести несколько маркеров на Google карте
В веб программировании очень зеленый, потому то, что спрашиваю может оказаться полнейшей глупостью. Суть вопроса в том, что мне надо...

Google maps api геокодер и несколько меток
Есть пример геокодера на гугл (прикреплен в файле) там вводишь в input адрес и оно показывает метку. Кто нибудь может показать как...

Динамическое размещение маркеров на Google maps
Есть сервер для авиасимулятора FSX и есть файл whazzup.txt !05/02/2014 08:07 !GENERAL VERSION = 1 RELOAD = 1 UPDATE =...

1
0 / 0 / 0
Регистрация: 26.09.2016
Сообщений: 27
12.10.2016, 16:00  [ТС]
По ссылкам все понятно, но код явно отличается. пробовал разные варианты, но ничего не получается. Подскажите пожалуйста, т.к. JS не силен.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
12.10.2016, 16:00
Помогаю со студенческими работами здесь

Добавление маркеров в Google maps
Здравствуйте, необходимо добавить возможность создавать маркеры в самом приложении и давать им названия. Добавлять их по нажатию на экран...

Google Maps API Вывод маркеров из БД
Здравствуйте, как вывести маркеры из БД на карту гугл? Делаю так: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Simple...

Добавление маркеров на карту Google Maps API v2
Доброго времени суток. Есть карта, маркеры на которую ставятся путем загрузки значений местоположения из базы данных. Есть два класса: один...

Добавление маркеров на карту Google Maps API v2
Доброго времени суток. форумчане! Есть карта, маркеры на которую ставятся путем загрузки значений местоположения из базы данных. Но...

Google Maps API v2 добавление своих маркеров и фото к ним
Собственно,как добавлять маркер по нажатию на карту вроде бы разобрался: map.setOnMapClickListener(new OnMapClickListener() { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Access
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
Мысли в слух
kumehtar 18.11.2025
Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .
Создание Single Page Application на фреймах
krapotkin 16.11.2025
Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru