- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我通过在 php 中查询数据库,然后将数据发送到 addMarker 函数,为 googlemap 构建了标记。
对于每个标记,都有 0 到未知数量的“违规”。我已将每个标记的违规放入一个数组(称为违规),并将其也发送到 addMarker 函数。
我想做的是为每个违规行为提供一个链接。单击该链接后,您会看到该违规行为的详细信息(表格)。
该表最初是显示:无。但是,当您单击该链接时,我希望显示被阻止并且链接消失。
我想使用 jquery 来完成此任务,但我在实现它时遇到了困难。
我一直在尝试使用 addDomListener,但它对我不起作用 - 它会破坏页面,并且没有明确的错误消息。谁能告诉我如何正确使用 addDomListener,或者我应该使用其他东西吗?
function addMarker(point, name, violations, map) {
var marker=new google.maps.Marker({
position:point,
icon:'circle.png'
});
marker.setMap(map);
var markerhtml = "";
markerhtml += "<div class='table-responsive'><table class='table-condensed'><tr><th colspan='2'>" + name + "</th></tr>";
markerhtml += "</table>";
vCount = violations.length/6; //6=number of fields per violation; vCount = number of violations
if (violations.length > 0) {
markerhtml += "<p><strong>Violation";
if (violations.length > 6) {
markerhtml += "s"; //make it 'violationS' if there are more than one violation
}
markerhtml += "</strong></p>";
for (var j=0; j<vCount; j++) {
vIncidentDate = violations[0+(j*6)];
vFineDate = violations[1+(j*6)];
vFineAmount = violations[2+(j*6)];
vLeadPermit = violations[3+(j*6)];
vViolationDescription = violations[4+(j*6)];
markerhtml += "<div class='desc' id='desc" + j + "'>" + vViolationDescription + "</div>";
var thisDesc = document.getElementById("desc"+j);
google.maps.event.addDomListener($("#thisDesc")[0], 'click',
function(){
$(thisDesc).fadeOut();
$('#tblViolations'+j).fadeIn('slow');
});
vResponse = violations[5+(j*6)];
markerhtml += "<table id='tblViolation" + j + "' class='table-responsive table-condensed tblViolation'><tr class='nDesc'><td>Incident date:</td><td>" + vIncidentDate + "</td></tr>";
markerhtml += "<tr><td>Fine date:</td><td>" + vFineDate + "</td></tr>";
markerhtml += "<tr><td>Fine amount:</td><td>" + vFineAmount;
markerhtml += "</td></tr>";
markerhtml += "<tr><td>Description:</td><td>" + vViolationDescription + "</td></tr>";
markerhtml += "<tr><td>Response:</td><td>" + vResponse + "</td></tr>";
}
markerhtml += "</table></div>";
}
google.maps.event.addListener(marker, 'click', function() {
currentCenter=map.getCenter();
infowindow.setContent(markerhtml);
infowindow.setPosition(point);
infowindow.open(map);
});
google.maps.event.addListener(infowindow, 'closeclick', function() {
map.setCenter(new google.maps.LatLng(41.0342375, -77.3066405));
});
最佳答案
$("#thisDesc")[0] 在信息窗口中查找元素时似乎出现问题。在信息窗口“domready”事件触发之前,它不会存在于 DOM 中并且可以找到。将 JQuery 代码放入在 infowindows 'domready' 事件上运行的函数内。
google.maps.event.addListener(infowindow, 'domready', function() {
// code here
});
关于jquery - 将 addDomListener 与 googlemaps 一起使用不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21558724/
我正在使用此代码加载谷歌地图。 function initialize() { // Map initialization } google.maps.event.addDomListen
Google maps v3 api suggest使用 addDomListener() 方法加载初始化函数,而不是将其附加到 body 标签。 function initialize() {
我正在尝试将 javascript 变量传递给 addDomListener 以触发 googlemaps 函数。 如果我写: var name=a1; google.maps.eve
我觉得这是一段相当简单的代码,在 iframe 中运行的代码被用作 Google Map 文档中的示例代码,因此它与 iframe 有关,但我不确定。 简而言之,我正在创建一个 iframe,将 Go
我正在使用 GoogleMaps API 进行一些工作,并创建了一个模块来保存一些自定义函数: myFuncs = { doStuff: function() { console.log
我通过在 php 中查询数据库,然后将数据发送到 addMarker 函数,为 googlemap 构建了标记。 对于每个标记,都有 0 到未知数量的“违规”。我已将每个标记的违规放入一个数组(称为违
我正在尝试将here-api map 集成到我的rails 5 应用程序中。一些背景我过去成功地完成了类(class)后,使用谷歌地图开发了一个类似的应用程序页面。使用here-api作为替代方案,因
我只想根据不同 div 元素的 Mouseover 事件加载 Google map 。为此,我只使用了以下简单的代码。这段代码本身不起作用,有人可以告诉我我犯了什么错误吗? function i
我在使用 google map api v2 时遇到一些问题。我想要的是能够将鼠标悬停在工具提示上。 下面是我的代码。在firefox中可以工作,但我必须非常轻轻地在工具提示上移动鼠标,如果我快速移动
我有以下简单的脚本: var fruits = new Array("apple","orange","lemon"); $("#fruit_canvas").append("Mouse over t
我有一个简单的谷歌地图示例JS文件: /*Standard Setup Google Map*/ var latlng = new google.maps.LatLng(-25.363
我正在尝试使用 Google map 。我找到了这个声明。 google.maps.event.addDomListener(window, 'load', initialize); 该语句的作用是什
这段代码有问题。在 div 上鼠标按下后, map 在 Firefox 上并没有立即变为“不可拖动”,但在 Chrome 上是可以的。 google.maps.event.addDomListen
这个问题在这里已经有了答案: What is the function of google.maps.event.addDomListener(window, 'load', initialize)
我正在尝试添加 Google 位置自动建议,我从开发人员的网站上复制了代码进行尝试,但出现错误: google.maps.event.addDomListener() 已弃用,请改用标准 addEve
我是一名优秀的程序员,十分优秀!