我已经创建了一个应用程序来显示标记的信息窗口弹出窗口,该应用程序工作正常并且弹出窗口正确显示但唯一的解决方案是在鼠标悬停时与自定义信息窗口弹出窗口一起使用,默认弹出窗口为html 标记如下所示。
谁能告诉我一些解决办法
我的代码如下
var infowindow = new google.maps.InfoWindow();
function point(name, lat, long) {
var self = this;
self.name = name;
var marker = new google.maps.Marker({
position: new google.maps.LatLng(lat, long),
title: name,
map: map,
draggable: true
});
google.maps.event.addListener(marker, 'mouseover', function () {
infowindow.setContent(marker.title);
infowindow.open(map, marker);
}.bind(this));
google.maps.event.addListener(marker, 'mouseout', function () {
infowindow.close();
}.bind(this));
}
var map = new google.maps.Map(document.getElementById('googleMap'), {
zoom: 5,
center: new google.maps.LatLng(55, 11),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var viewModel = {
points: ko.observableArray([
new point('<div>Test1<br>Test5</div>', 55, 11),
new point('Test2', 56, 12),
new point('Test3', 57, 13)])
};
function addPoint() {
console.log(viewModel.points().length);
for (var i = 0; i < viewModel.points().length; i++)
{
console.log(i);
console.log(viewModel.points().marker.title);
}
viewModel.points.push(new point('a', 58, 14));
}
ko.applyBindings(viewModel);
最佳答案
您可以在 mouseover
上手动删除元素 title
属性。
尝试改变
google.maps.event.addListener(marker, 'mouseover', function () {
到
google.maps.event.addListener(marker, 'mouseover', function (e) {
e.ya.target.removeAttribute('title');
同样对于 Edge
,您需要将其更改为:
e.ya.target.parentElement.removeAttribute('title')
JSFiddle Link (谷歌地图 API 不工作)
关于javascript - 从谷歌地图中的标记中删除默认的鼠标悬停工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28001036/