Отображение магазинов в картах Google

Question

У меня есть список розничных продавцов и их логотипы, и я хотел показать их на карте Google. Я предполагаю, что цель этого состоит в том, чтобы продемонстрировать расширение нашего рынка.

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

Возможно ли это? Если бы у кого-нибудь был какой-либо совет относительно того, как я мог бы поступить, это было бы замечательно.

Answer 1

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

Получив информацию о широте и долготе для своих розничных продавцов, вы можете создать google.maps.marker объектов для каждого и прикрепить их к google.maps.Map объекту:

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
   zoom: 4,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
 }

// where map_canvas is the id of a div that will contain the map on your page
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

// for each of your retailers
{
   var retailerLocation = new google.maps.LatLng(-25.363882,131.044922);
   var retailerMarker = new google.maps.Marker({
      position: retailerLocation , 
      map: map, 
      title:retailerName
    });   
}

Вы можете обработать событие клика на каждом из retailerMarkers и отобразить google.maps.InfoWindow с соответствующим контентом (вы можете контролировать содержимое InfoWindow как и любой другой элемент вашего веб-интерфейса).