Javascript 在谷歌地图标记中显示多个字符

Javascript 在谷歌地图标记中显示多个字符,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我已经实现了谷歌标记,我想在标记中显示一个名字。我试图更改标签:如下代码,但它只显示第一个字符。。有人能告诉我怎么解决这个问题吗 这是来自谷歌的标记代码 function initialize() { var bangalore = { lat: 12.97, lng: 77.59 }; var map = new google.maps.Map(document.getElementById('map'), { zoom: 12, center: bangalore

我已经实现了谷歌标记,我想在标记中显示一个名字。我试图更改标签:如下代码,但它只显示第一个字符。。有人能告诉我怎么解决这个问题吗

这是来自谷歌的标记代码

function initialize() {
  var bangalore = { lat: 12.97, lng: 77.59 };
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: bangalore
  });

  // This event listener calls addMarker() when the map is clicked.
  google.maps.event.addListener(map, 'click', function(event) {
    addMarker(event.latLng, map);
  });

  // Add a marker at the center of the map.
  addMarker(bangalore, map);
}

// Adds a marker to the map.
function addMarker(location, map) {
  // Add the marker at the clicked location, and add the next-available label
  // from the array of alphabetical characters.
  var marker = new google.maps.Marker({
    position: location,
    label: "lets showthis",
    map: map
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

是单个字符

报告明确指出:

MarkerLabel对象规范

google.maps.MarkerLabel对象规范

这些选项指定标记标签的外观标记标签是将显示在标记内部的单个文本字符。如果将其与自定义标记一起使用,则可以使用图标类中的labelOrigin属性重新定位它

文本|类型:字符串 要在标签中显示的文本仅显示此字符串的第一个字符。

如果您想要一个以上的字符(至少现在有一个),您需要使用第三方库,如

代码片段:

函数初始化(){
瓦尔班加罗尔={
拉脱维亚:12.97,
液化天然气:77.59
};
var map=new google.maps.map(document.getElementById('map'){
缩放:12,
中心:班加罗尔
});
//单击映射时,此事件侦听器调用addMarker()。
google.maps.event.addListener(映射,'click',函数(事件){
addMarker(event.latLng,map);
});
//在地图的中心添加一个标记。
addMarker(班加罗尔,地图);
}
//将标记添加到地图中。
功能添加标记(位置、地图){
//在单击的位置添加标记,然后添加下一个可用标签
//从按字母顺序排列的字符数组中。
变量标记=新标记WithLabel({
位置:位置,,
labelContent:“让我们展示一下”,
地图:地图,
labelAnchor:新的google.maps.Point(35120),
labelClass:“labels”,//标签的CSS类
标签背景:假,
图标:pinSymbol('红色')
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);
//以“正常”标记的泪滴形状创建SVG标记
功能符号(颜色){
返回{
路径:'m0,0c-2,-20-10,-22-10,-30a10,1001,110,-30c10,-222,-20,0z',
fillColor:color,
不透明度:1,
strokeColor:“#000”,
冲程重量:2,
比例:4
};
}
html,
身体,
#地图{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}
.标签{
颜色:黑色;
背景色:红色;
字体系列:“Lucida Grande”,“Arial”,无衬线;
字体大小:10px;
文本对齐:居中;
宽度:70px;
空白:nowrap;
}


可能重复感谢您的回答。这很有效。。但是我认为如果文本被嵌入到标记中,而不是通过css和指针来定位它会更好。。。因此,它将根据文本大小调整大小。有什么方法可以实现这一点吗?但是当我试图逐个marker.setMap(null)删除一个标记时,我得到一个错误,即this.label不支持setMap方法。是否有其他方法可以从地图上删除此标记?这是另一个问题。但您可能会查找更新版本的,markerwithlabel链接已不起作用,备用链接已更改从关闭的googlecode存储库链接到通过cdn.rawgit.com使用github存储库