[英]How to position Google Map Marker?
I have a custom marker with a label I want to position the label in the center of the marker. 我有一个带有标签的自定义标记,我想将标签放置在标记的中心。 I tried padding, margin and offset still it wont work.
我尝试填充,边距和偏移量仍然无法正常工作。 How can I do it?
我该怎么做?
var image = './stylesheet/images/map-marker/activity-marker.png';
for(var i = 0; i < data.length; i++) {
var coords = data[i].GPSCoordinates.split(',');
var position = new google.maps.LatLng(coords[0], coords[1]);
var labels = "" + (i + 1);
addMarker(position, map, labels);
}
function addMarker(location, map,label) {
var marker = new google.maps.Marker({
position: location,
map: map,
label: {
text: label,
fontSize: "12px",
color: "#e74c3c",
fontFamily: "montserrat"
},
icon: image
});
}
check for a valid labelOrigin 检查标签是否有效
function addMarker(location, map,label) {
myIcon = {
url: './stylesheet/images/map-marker/activity-marker.png',
text: label,
fontSize: "12px",
color: "#e74c3c",
fontFamily: "montserrat"
size: new google.maps.Size(32, 38),
scaledSize: new google.maps.Size(32, 38),
labelOrigin: new google.maps.Point(9, 9),
};
var marker = new google.maps.Marker({
position: location,
map: map,
icon: myIcon,
});
}
var image = './stylesheet/images/map-marker/activity-marker.png'; for(var i = 0; i < data.length; i++) { var coords = data[i].GPSCoordinates.split(','); var position = new google.maps.LatLng(coords[0], coords[1]); var labels = "" + (i + 1); addMarker(position, map, labels); } function addMarker(location, map,label) { var marker = new google.maps.Marker({ position: location, map: map, icon: { labelOrigin: new google.maps.Point(9, 9), // Set this value for position of lable on marker... url: './stylesheet/images/map-marker/activity-marker.png' }, label: { text: label, fontSize: "12px", color: "#e74c3c", fontFamily: "montserrat" }, }); }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.