我目前是开放图层的新手。而且我在使用 jquery 使用鼠标悬停事件时遇到问题。我使用 jquery 创建了一个工具提示,此工具提示将从地图输出坐标。这是我的例子。
<?php
$init = "
map.events.register('mouseover', map, function (e) {
var lonlat = map.getLonLatFromViewPortPx(e.xy);
var selMinX=lonlat.lon-sizeSelection;
var selMaxX=lonlat.lon+sizeSelection;
var selMinY=lonlat.lat-sizeSelection;
var selMaxY=lonlat.lat+sizeSelection;
alert(e.pageX); // Showing the event.pageX isn't working.
alert(selMinX); // Showing also one of the variables above isn't working.
alert('hello'); // This msgbox works.
$(document).ready( function() {
// Obviously I need to comment the mouseover function here
// since I am already using the mouseover event.
// $('#map').mouseover(function(e) {
$('<div id='tooltip'><input type='text' id='coor'/></div>').appendTo('body');
// });
});
});
";
?>
现在,我的地图没有显示,因为我认为将工具提示附加到正文部分的代码有问题。我在这里要实现的是显示带有输入框的文档上的div。
谢谢。
您需要更改工具提示附加上的引号:
$("<div id='tooltip'><input type='text' id='coor'/></div>").appendTo('body');
请注意,第一个选择器的第一个和最后一个引号是双引号。 属性用单引号引出。
我不知道 php,但我认为你需要像这样转义引号,或者 php 是如何做的:
$("<div id='tooltip'><input type='text' id='coor'/></div>").appendTo('body');