如何使用瓷砖坐标谷歌地图填充瓷砖内部的颜色？

Question

我在谷歌地图上有一个瓷砖覆盖。我想将瓷砖（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")'
  }