Реализуйте несколько маркеров с помощью Google Maps API ⇐ Php

[Anonymous]

Создание сайта с использованием WordPress, сайт был запрограммирован на перечисление одного маркера на карте и состоит из списка других мест под ним. В конечном счете я хочу удалить описание под картой, и просто в перечисленных местах вместе с картой и маркерами, отмеченными на нем. < /P>






google.maps.event.addDomListener(window, 'load', init);
var map;
var locationPhone= '';
var locationTitle = '';
var locationLat = '';
var locationLong = '';
function init() {
var mapOptions = {
center: new google.maps.LatLng(locationLat,locationLong),
zoom: 15,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.DEFAULT,
},
disableDoubleClickZoom: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
},
scaleControl: true,
scrollwheel: false,
panControl: false,
streetViewControl: false,
draggable : true,
overviewMapControl: false,
overviewMapControlOptions: {
opened: false,
},
mapTypeId: google.maps.MapTypeId.ROADMAP,
styles: [
{ stylers: [{ saturation: -100 }, { gamma: 1 }] },
{ elementType: "labels.text.stroke", stylers: [{ visibility: "off" }] },
{ featureType: "poi.business", elementType: "labels.text", stylers: [{ visibility: "off" }] },
{ featureType: "poi.business", elementType: "labels.icon", stylers: [{ visibility: "off" }] },
{ featureType: "poi.place_of_worship", elementType: "labels.text", stylers: [{ visibility: "off" }] },
{ featureType: "poi.place_of_worship", elementType: "labels.icon", stylers: [{ visibility: "off" }] },
{ featureType: "road", elementType: "geometry", stylers: [{ visibility: "simplified" }] },
{ featureType: "water", stylers: [{ visibility: "on" }, { saturation: 50 }, { gamma: 0 }, { hue: "#50a5d1" }] },
{ featureType: "administrative.neighborhood", elementType: "labels.text.fill", stylers: [{ color: "#333333" }] },
{ featureType: "road.local", elementType: "labels.text", stylers: [{ weight: 0.5 }, { color: "#333333" }] },
{ featureType: "transit.station", elementType: "labels.icon", stylers: [{ gamma: 1 }, { saturation: 50 }] }
],
}
var mapElement = document.getElementById('corporateMap');
var map = new google.maps.Map(mapElement, mapOptions);
var locations = [
[locationTitle, 'undefined', locationPhone, 'undefined', 'http://www.fptscrap.com/', locationLat, locationLong]
];
for (i = 0; i < locations.length; i++) {
if (locations[1] =='undefined'){ description ='';} else { description = locations[1];}
if (locations[2] =='undefined'){ telephone ='';} else { telephone = locations[2];}
if (locations[3] =='undefined'){ email ='';} else { email = locations[3];}
if (locations[4] =='undefined'){ web ='';} else { web = locations[4];}
marker = new google.maps.Marker({
icon: '',
position: new google.maps.LatLng(locations[5], locations[6]),
map: map,
title: locations[i][0],
desc: description,
tel: telephone,
email: email,
web: web
});
bindInfoWindow(marker, map, locations[i][0], description, telephone, email, web);
}
function bindInfoWindow(marker, map, title, desc, telephone, email, web) {
if (web.substring(0, 7) != "http://") {
link = "http://" + web;
} else {
link = web;
}
google.maps.event.addListener(marker, 'click', function() {
var html= "

"+title+"

"+telephone+"

Подробнее здесь: https://stackoverflow.com/questions/268 ... e-maps-api