Как позиционировать маркер карты Google? - PullRequest
0 голосов
/ 03 сентября 2018

У меня есть пользовательский маркер с меткой. Я хочу расположить метку в центре маркера. Я пробовал padding, margin и offset, но он не будет работать. Как мне это сделать? Image here

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
     });
  }

Ответы [ 2 ]

0 голосов
/ 06 сентября 2018

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"
        },
        
     });
  }
0 голосов
/ 03 сентября 2018

проверка на наличие действительного ярлыка.

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,
     });
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...