javascript - 如何使用瓷砖坐标谷歌地图在瓷砖内填充颜色？

Question

我在谷歌地图上有一个图 block 叠加层。我想将图 block (10,15) 着色或填充为红色。我在这里附上图像，结果应该如何。这是我的代码的链接。 https://jsfiddle.net/60fhd57b/3/

function CoordMapType(tileSize) {
 this.tileSize = tileSize;
 }

CoordMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('div');
div.innerHTML = coord;
div.style.width = this.tileSize.width + 'px';
div.style.height = this.tileSize.height + 'px';
div.style.fontSize = '10';
div.style.borderStyle = 'solid';
div.style.borderWidth = '1px';
div.style.borderColor = '#AAAAAA';
return div;
};

function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: {lat: 41.850, lng: -87.650}
});

  map.overlayMapTypes.insertAt(
  0, new CoordMapType(new google.maps.Size(200, 200)));
 }

Answer 1

这是一个工作示例: https://jsfiddle.net/60fhd57b/13/

您应该用看起来像您列出的示例的东西替换图像。

它通过检查当前坐标是否是您指定的坐标来工作

  if(coord.x == 10 && coord.y == 15){
    div.style.backgroundImage = 'url("url to image")'
  }