相关疑难解决方法(0)

在onmouseover div上更改谷歌地图标记的图标(Google maps v3 api)

当我将鼠标悬停在div中的文本时,如何更改谷歌地图上标记的图标?我设法使用在地图本身的标记上更改标记图标

google.maps.event.addListener(marker1, "mouseover", function(event) {
            this.setIcon("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=1|ffffff|c41200");
}
Run Code Online (Sandbox Code Playgroud)

编辑:

这就是我现在拥有的:

function initialize(){
....
var marker1 = new google.maps.Marker({  

            position: new google.maps.LatLng(1.288693,103.846733),

            map: map,

            icon: "http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=1|c41200|ffffff"

        }); 
....
}


function changeMarker(marker) {

            alert(marker);

    }
Run Code Online (Sandbox Code Playgroud)

<div id="searchresult" onmouseover="changeMarker(marker1)">
Run Code Online (Sandbox Code Playgroud)

我正在使用Chrome.在控制台中,onmouseover div我得到错误"Uncaught ReferenceError:marker1未定义"

javascript google-maps

3
推荐指数
1
解决办法
9450
查看次数

标签 统计

google-maps ×1

javascript ×1