如何在标记旁边显示位置名称

Question

我想在标记旁边显示地点名称，如下面的屏幕截图所示。目前，我不需要显示在Google地图中的其余详细信息。我只关心酒店的名称应与标记一起出现。

示例：万怡酒店 -Google Maps链接清楚地显示了该名称。

我已经创建了演示jsFiddle（不显示标签）

var googleMap;
var hotelLocation = {
  lat: 43.681592,
  lng: -79.713612
};
var mapCenter = hotelLocation; //{ lat: 43.690497, lng: -79.966831 };

google.maps.event.addDomListener(window, 'resize', function() {
  ///sf/ask/615487351/
  var center = googleMap.getCenter();
  google.maps.event.trigger(googleMap, "resize");
  googleMap.setCenter(center);
});

function InitializeGoogleMaps() {     
  //http://www.latlong.net/convert-address-to-lat-long.html
  //90 Biscayne Crescent, Brampton, ON - Address of Hotel   - { lat: 43.681592, lng: -79.713612 };
  googleMap = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: mapCenter
  });

  var marker = new google.maps.Marker({
    position: hotelLocation,
    map: googleMap,
    title: 'Courtyard by Marriott'
  });
}


InitializeGoogleMaps();

我已经遍历了很多搜索词（因为我不确定该标签的正确词是什么，并且也遍历了Maps Marker API），但到目前为止还算不上什么。我认为下面的线程似乎处于同一行，但是我希望将在Google地图内部建立支持，而不是额外的lib。

• 如何在Google地图标记旁边显示标签？

Answer 1

您可以使用像素偏移：

 pixelOffset: new google.maps.Size(100,140);

结果将是：

var marker = new google.maps.Marker({
 position: hotelLocation,
 map: googleMap,
 title: 'Courtyard by Marriott',
 pixelOffset: new google.maps.Size(100,140);
});