Как залить цвет внутри плиток, используя координаты плиток Google Maps?

Question

У меня есть наложение плитки на карте Google. Я хотел бы закрасить плитку (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")'
  }