文本没有显示在谷歌地图标记上的标签上
text is not showing on label on google map marker
问题很简单,一切都很好,唯一的问题是:
标记和标签显示在谷歌地图上,但标签文本没有显示,下面是我的完整代码:http://jsfiddle.net/abhbha/cd4h3yyo/3/
function initialize(lat1, long1) {
var markers = [
{
"propid": "117",
"title": " Title 1 ",
"lat": "28.683441130339858000",
"lng": "77.316357372033620000",
},
{
"propid": "116",
"title": " Title 2",
"lat": "28.905853091546845000",
"lng": "78.470265147912530000"
},
{
"propid": "115",
"title": " Title 3",
"lat": "28.986857208298716000",
"lng": "77.712208507287530000",
}];
var mapOptions = {
center: new google.maps.LatLng(lat1, long1),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP,
};
var infoWindow = new google.maps.InfoWindow();
var map = new google.maps.Map(document.getElementById("gmap"), mapOptions);
for (i = 0; i < markers.length; i++) {
var data = markers[i]
var myLatlng = new google.maps.LatLng(data.lat, data.lng);
var marker = new MarkerWithLabel({
position: myLatlng,
map: map,
//icon: '/img/sticker/empty.png',
//shadow: '/img/sticker/bubble_shadow.png',
//transparent: '/img/sticker/bubble_transparent.png',
title: data.title,
labelContent: " jhdgfjdgh ",
labelClass: "labels",
labelVisible: true,
labelInBackground: false,
});
}
}
似乎你已经加载了一个过时的markerwithlabel.js
版本,
加载http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerwithlabel/src/markerwithlabel.js代替:
http://jsfiddle.net/wxtmjstw/
相关文章:
- Javascript更改图标
- 在<页眉>标签
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 单击更改图标并通过javascript添加一个css类
- iframe正在添加标签,需要删除它们
- Dijit 按钮显示图标,但不以编程方式显示标签
- javaScript-如何将png图标插入标签
- D3 强制布局与文本标签和图标
- 如何在我的高图表饼图中获取一个数据标签,这是一个字体很棒的图标
- 在 dijit PopupMenuBarItem 中显示图标和标签
- openlayers 3中带有标签或文本的图标,偏移
- 棱角分明的谷歌地图标签覆盖了图标
- 为什么在页面运行时更改dojo IconMenuItem上的标签或图标不会更改页面
- 谷歌地图标记-为每个标记添加一个具有唯一标签的自定义图标
- Sencha触摸顶部标签图标
- 悬停在href标签和jquery图标上
- 如何更改输入标签之间的文本,并将标签复选框和图标对齐在一行上
- 我正在锚标签的前面添加一个图标,但是,我想阻止它添加图标多次
- 谷歌地图标记与标签和自定义图标无法正常工作
- 如何在编辑标签时选择(-)图标,在Iphone ui自动化