更改悬停HTML元素

Question

我希望在悬停在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'

);

我想在悬停DIV时将'marker-green.png'更改为'marker-blue.png'。

ps：最终结果在js中显示如下：

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

你能告诉我一种可能的方法吗？

提前致谢，

蒂博尔

Answer 1

google为此提供了一个javascript函数

marker_id.setIcon（＆＃34; marker_img＆＃34）。