Как использовать геолокацию Google Maps на карте с несколькими местоположениямиHtml

Программисты Html
Ответить
Anonymous
 Как использовать геолокацию Google Maps на карте с несколькими местоположениями

Сообщение Anonymous »

Я хочу использовать геолокацию Google Maps на своей текущей карте с несколькими местоположениями. Но на моей карте это не действует.
Код почтовой карты:

Код: Выделить всё



google.maps.event.addDomListener(window, 'load', init);
var map;
function init() {
var mapOptions = {
center: new google.maps.LatLng(43.656882,-79.386922),
zoom: 13,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.DEFAULT,
},
disableDoubleClickZoom: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
},
scaleControl: true,
scrollwheel: true,
panControl: true,
streetViewControl: true,
draggable : true,
overviewMapControl: true,
overviewMapControlOptions: {
opened: false,
},
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
var mapElement = document.getElementById('AdMe');
var map = new google.maps.Map(mapElement, mapOptions);
var locations = [
['Macdonald’s %25', 'Macdonald’s %25 off on BigMac', 'undefined', 'undefined', 'undefined', 43.66886917814133, -79.3859037030411, 'http://d6rd5g4tnbhqj.cloudfront.net/image?url=mcdonalds.com&t=2&s=1&h=12986831057547701509'],['Macdonald’s %25', 'Macdonald’s %25 off on BigMac', 'undefined', 'undefined', 'undefined', 43.6781997, -79.4434403, 'http://adme360.com/images/mc.jpg'],['Macdonald’s %25', 'Macdonald’s %25 off on BigMac', 'undefined', 'undefined', 'undefined', 43.6621909, -79.3837847, 'http://adme360.com/images/mc.jpg'],['Starbuck’s 10% off', 'Starbuck’s 10% off on all coffees', 'undefined', 'undefined', 'undefined', 43.6513611, -79.37464849999998, 'http://adme360.com/images/st.png'],['Starbuck’s 10% off', 'Starbuck’s 10% off on all coffees', 'undefined', 'undefined', 'undefined', 43.65248931511967, -79.37847889444276, 'http://adme360.com/images/st.png'],['Starbuck’s 10% off', 'Starbuck’s 10% off on all coffees', 'undefined', 'undefined', 'undefined', 43.64935669763818, -79.39423089814761, 'http://adme360.com/images/st.png'],['Starbuck’s 10% off', 'Starbuck’s 10% off on all coffees', 'undefined', 'undefined', 'undefined', 43.66065884580879, -79.39282609377898, 'http://adme360.com/images/st.png'],['Macdonald’s %25 off', 'Macdonald’s %25 off on BigMac', 'undefined', 'undefined', 'undefined', 43.6449908, -79.38586459999999, 'http://adme360.com/images/mc.jpg'],['TimHortons', 'Burger King’s Special Wednesday menu for $5', 'undefined', 'undefined', 'undefined', 43.646088891936415, -79.38253255952452, 'http://adme360.com/images/filtfet_timhortons_xhdpi.png'],['TimHortons', 'Burger King’s Special Wednesday menu for $5', 'undefined', 'undefined', 'undefined', 43.6468669, -79.38951880000002, 'http://adme360.com/images/filtfet_timhortons_xhdpi.png'],['TimHortons', 'Burger King’s Special Wednesday menu for $5', 'undefined', 'undefined', 'undefined', 43.66818683050016, -79.39773692698361, 'http://adme360.com/images/filtfet_timhortons_xhdpi.png']
];
for (i = 0; i < locations.length; i++) {
if (locations[i][1] =='undefined'){ description ='';} else { description = locations[i][1];}
if (locations[i][2] =='undefined'){ telephone ='';} else { telephone = locations[i][2];}
if (locations[i][3] =='undefined'){ email ='';} else { email = locations[i][3];}
if (locations[i][4] =='undefined'){ web ='';} else { web = locations[i][4];}
if (locations[i][7] =='undefined'){ markericon ='';} else { markericon = locations[i][7];}
marker = new google.maps.Marker({
icon: markericon,
position: new google.maps.LatLng(locations[i][5], locations[i][6]),
map: map,
title: locations[i][0],
desc: description,
tel: telephone,
email: email,
web: web
});
link = '';             bindInfoWindow(marker, map, locations[i][0], description, telephone, email, web, link);
}
function bindInfoWindow(marker, map, title, desc, telephone, email, web, link) {
var infoWindowVisible = (function () {
var currentlyVisible = false;
return function (visible) {
if (visible !== undefined) {
currentlyVisible = visible;
}
return currentlyVisible;
};
}());
iw = new google.maps.InfoWindow();
google.maps.event.addListener(marker, 'click', function() {
if (infoWindowVisible()) {
iw.close();
infoWindowVisible(false);
} else {
var html= "[h4]"+title+"[/h4]"+desc+"";
iw = new google.maps.InfoWindow({content:html});
iw.open(map,marker);
infoWindowVisible(true);
}
});
google.maps.event.addListener(iw, 'closeclick', function () {
infoWindowVisible(false);
});
}
}


#AdMe {
height:600px;
width:1000px;
}
.gm-style-iw * {
display: block;
width: 100%;
}
.gm-style-iw h4, .gm-style-iw p {
margin: 0;
padding: 0;
}
.gm-style-iw a {
color: #4272db;
}




И мне интересно, как добавить к этому код геолокации или как создать карту с несколькими местоположениями с геолокацией?

Подробнее здесь: https://stackoverflow.com/questions/343 ... cation-map
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»