Я просмотрел все вопросы о карусели, и они ссылаются на infoBox и infoBubble, чтобы использовать bootstrap. Однако с теми, кто официально «мертв», кто-нибудь знает какие-либо ресурсы о том, как научить себя, как сделать «простую» карусель для маркера на картах Google?
Ниже показано, как я могу, по крайней мере, получить динамику c info Windows (это код TEST только для меня, чтобы понять, как это работает, это НЕ производство :))
Я могу использовать contentString для загрузки изображений в информационное окно, но когда я пытаюсь добавить js, чтобы включить функции скрытия ... он взрывается
Я пытался эмулировать «Слайд-шоу» из W3, но опять же, что взорвалось, как только я добавил
Есть ли способ получить изображения для «карусели» или «слайд-шоу» (согласно W3) в окне infoWindow?
VRBO и Airbnb делают именно то, что я хотел бы подражать при просмотре доступных свойств, поэтому, если кто-то может указать мне ресурс, чтобы подражать тому, как они это делают, это было бы очень признательно.
МОЙ js дзюдо очень слаб, поэтому я извиняюсь за этот плохой код.
('marker' - массив результатов, передаваемый в представление, которое я перебираю для построения)
<!DOCTYPE html>
корпус, html {высота: 100%; ширина: 100%; }
div#content {
width: 100%; height: 100%;
}
/* Set the size of the div element that contains the map */
#map {
height: 40%; /* The height is 400 pixels */
width: 50%; /* The width is 50% width of the web page */
position: static;
border: 3px solid #73AD21;
}
</style>
Демонстрация "Мои Google Карты"
// Инициализация и добавление карты
function initMap () {// Расположение карты и маркеры
// демонстрация позиций var city = {lat: 32.8244410, lng: -117.109917}; var house1 = {lat: 32.818799, lng: -117.122201}; var house2 = {lat: 32.803314, lng: -117.144266}; var hs1 = {lat: 32.804316, lng: -117.144246};
var myIcon = 'http://dswebisqs.ttu.edu/rtask/images/';
// Карта с центром в городе var map = new google.maps.Map (document.getElementById ('map'), {zoom: 13, center: city});
// var marker = new google.maps.Marker ({position: дом1, карта: карта}); var marker = new google.maps.Marker ({position: {lat: 32.818799, lng: -117.122201}, map: map}); var marker2 = new google.maps.Marker ({position: {lat: 32.804316, lng: -117.144246}, map: map});
// ------------ Этот код строит маркеры для отображения входящих переменных «маркеры» И ИМЕЕТ ТОЛЬКО ОДИН ПЕТЛЯ // для создания имени переменной // это создает каждую переменную позиции, занесенную в переданную переменную
