-1
我已遵循一些指南,但标签未显示在我的地图上。 我使用离子。 这是我的代码(在地图控制器):标记上的标签不起作用
var myLatLng = new google.maps.LatLng(lat,lon);
var stylesMap = [
{
featureType: "poi",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];
var myOptions = {
zoom: 15,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false,
mapTypeControl:false,
styles: stylesMap
};
var map = new google.maps.Map(document.getElementById("gmaps-canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
labelContent: "$425K",
labelAnchor: new google.maps.Point(22, 0),
labelClass: "labels", // the CSS class for the label
zIndex: 10000,
icon: "img/marker/tuseiqui.png"
});
google.maps.event.addListener(marker, 'click', function() {
});
这是CSS:
.labels {
color: red;
background-color: white;
font-family: "Lucida Grande", "Arial", sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
width: 40px;
border: 2px solid black;
white-space: nowrap;
}
标记正确观看在地图上,但它并没有显示其标签..
致谢!完美的作品! :) –
对不起,我可以使用更多不同宽度的标签并居中标记吗? –
和其他问题..点击更多的标记不工作..我添加它: google.maps.event.addListener(标记,'点击',(功能(标记,我){ return function() $ scope.setInfoWindow(data [i] .id); } })(marker,i)); –