Javascript 更改悬停HTML元素上的标记图标

我想在将鼠标悬停在HTML元素上时更改标记的图标。我的标记在PHP数组中生成，如下所示：

$map_flats[] = array(
'title' => $price,
'image' => $file_name,
'type' => '',
'price' => $address,
'address' => $address,
'bedrooms' => $bedrooms,
'bathrooms' => $maxguests,
'area' => $area,
'position' => [
    'lat' => $lat,
    'lng' => $lng
],
'markerIcon' => 'marker-green.png'

);

我想将“marker green.png”更改为“marker blue.png”，同时将鼠标悬停在DIV上

注：最终结果如js中所示：

var markers = [<?php echo json_encode($map_flats); ?>];

var标记=[]；

你能告诉我一个可能的方法吗

提前感谢,

---

Tibor

谷歌为此提供了一个javascript函数

---

marker\u id.setIcon（“marker\u img”）。

谢谢您的回答。既然我对JS是零质量的，你能为我详细说明一下吗？特别是我更想知道marker_id代表什么？