在mouseOver gmaps.js上显示来自道路的信息

时间:2015-05-01 18:10:45

标签: javascript jquery google-maps google-maps-api-3 gmaps.js

我尝试在mouseOver上显示来自road的信息,与Marker的infoWindow相同。

使用gmaps.js进行道路绘制的代码

<script type="text/javascript">
var map;
$(document).ready(function () {
        var map = new GMaps({
        div: '#map',
        lat: 33.764610, 
        lng: -78.973307, 
        });

        map.drawRoute({
        origin: [33.764471, -78.973162],
        destination: [33.771615, -78.979610],
        travelMode: 'driving',
        strokeColor: '#0F0',
        strokeOpacity: 0.6,
        strokeWeight: 10
        /* mouseover: function(e) {
                alert('You clicked in this marker');
                }  */
        });
}); 

1 个答案:

答案 0 :(得分:0)

您需要添加一个监听器

google.maps.event.addListener(map, 'mouseover', function()

 //Add what you want to do
 )

然后在最后添加:

google.maps.event.addDomListener(window, 'load', initialize);

addDomListener()方法绑定到浏览器的window对象,并允许API与API的普通域之外的对象进行通信。

您可以阅读有关事件here

的更多信息