作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我只想根据不同 div 元素的 Mouseover 事件加载 Google map 。为此,我只使用了以下简单的代码。这段代码本身不起作用,有人可以告诉我我犯了什么错误吗?
<script type="text/javascript">
function initialize() {
var mapDiv = document.getElementById('map-canvas');
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(40.740, -74.18),
zoom: 12,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var content = '<strong>A info window!</strong><br/>That is bound to a marker';
var infowindow = new google.maps.InfoWindow({
content: content
});
var marker = new google.maps.Marker({
map: map,
position: map.getCenter(),
draggable: true
});
infowindow.open(map, marker);
}
google.maps.event.addDomListener($("#showmap"), 'mouseover', function(){ alert("Hi");});
</script>
<div id='showmap'>
Show Map
</div>
<div id="map-canvas" style="width: 500px; height: 400px"></div>
此简单代码未调用上述简单警报函数本身。
最佳答案
选择器返回 jQuery 对象,并且可以使用 [0]
直接从元素数组访问所需的元素。另外,设置为“addDomListenerOnce”,只需要初始化一次。
$("#showmap")[0]
google.maps.event.addDomListenerOnce($("#showmap")[0], 'mouseover',
function(){ initialize(); });
关于javascript - 如何为 Google map 的 addDOMListener 添加 Action ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11405795/
我是一名优秀的程序员,十分优秀!