在Google地图上为自定义标记图像添加边框

时间:2014-04-23 14:04:25

标签: javascript google-maps border marker

我正在使用标记在Google地图上显示我的GPS数据。 这个的js代码如下:

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
  zoom: 4,
  center: myLatlng
}

var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
var imagePath = "somePath\abc.jpg";
var markerImg = new google.maps.MarkerImage(
    imagePath,
    null,
    null,
    null,
    new google.maps.Size(32, 32)
);

var marker = new google.maps.Marker({
  position: myLatlng,
  icon: markerImg,
  map: map
});

标记在地图上呈现为精美的图像。我的标记图像由于某种原因是动态的,在渲染时我需要在HTML元素周围绘制2px的白色边框。但我发现无法做到这一点。

任何人都可以告诉我这样做的方式吗?

0 个答案:

没有答案