Google Map Как добавить второе местоположение в map-active.js

Привет, друзья, я не могу найти решение для файла map-active.js, я думаю, что эксперт JS может легко справиться, пожалуйста, помогите мне, я поделюсь файлом map-active.js здесь укажите только одно место, я хочу добавить еще одно место, насколько это возможно ...?

// google map
function initialize() {
	 var grayStyles =[{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}] 
	var mapOptions = {
	zoom: 12,
	styles: grayStyles,
	hue: '#E9E5DC',
	scrollwheel: false,
		center: new google.maps.LatLng(9.967027, 76.243499),
		
	};
	var map = new google.maps.Map(document.getElementById('googleMap'),
	mapOptions);
	  var marker = new google.maps.Marker({
		position: map.getCenter(),
		animation:google.maps.Animation.BOUNCE,
		icon: './assets/img/map.png',
		map: map
	});  
}
google.maps.event.addDomListener(window, 'load', initialize);

javascript java jquery html google-maps

06.12.2018 05:04

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

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

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Подобно тому, как вы добавили первое местоположение, таким же образом создайте новые маркеры, прикрепленные к той же карте.

var marker1 = new google.maps.Marker({
        position: {lat: LOCATION_1_LAT, lng: LOCATION_1_LON},
        animation:google.maps.Animation.BOUNCE,
        icon: './assets/img/map.png',
        map: map
    });

var marker2 = new google.maps.Marker({
            position: {lat: LOCATION_2_LAT, lng: LOCATION_2_LON},
            animation:google.maps.Animation.BOUNCE,
            icon: './assets/img/map.png',
            map: map
        });

Демо здесь:https://jsfiddle.net/sz9gkox6/

Как мы добавляем к местоположениям, я имею в виду, что это значение широты и долготы [center: new google.maps.LatLng (9.967027, 76.243499)] необходимо продублировать и это тоже, чем только будет работать

— 06.12.2018 05:23

Если вы хотите использовать широту и долготу для определения местоположения маркера, просто замените position: map.getCenter(), на position: {lat: LOCATION_1_LAT, lng: LOCATION_1_LON},. Замените LOCATION_1_LAT и LOCATION_1_LON на правильные координаты.

— 06.12.2018 05:26

Каковы ваши координаты, где вы хотите поставить маркеры?

— 06.12.2018 05:49

06.12.2018 05:09