Question

我有零售商及其徽标列表，我想要做的是在谷歌地图上显示它们。我想它的目的是证明我们的市场范围的延伸。

我想要做的是能够添加标记，但是当我点击它们时，我想将语音气泡中的文本替换为我自己的文本，并插入该位置的零售商标识。

这可能吗？如果有人对我如何做到这一点有任何建议也会很棒。

Answer 1

这当然是可能的。首先，您需要使用Google Geocoding service将您的零售商列表（我假设您拥有地址）转换为纬度和经度的零售商列表。

获得零售商的纬度，经度信息后，您可以为每个零件创建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
    });   
}

您可以处理每个零售商明星的click event，并显示包含相应内容的google.maps.InfoWindow（您可以像控制任何其他内容一样控制 InfoWindow 的内容你的网页UI）。

在谷歌地图中显示零售商

1 个答案: