gpt4 book ai didi

javascript - 如何从图钉内的图钉选项获取信息框

转载 作者:行者123 更新时间:2023-11-28 07:39:36 25 4
gpt4 key购买 nike

我使用带有 html5 和 JavaScript 的 Bing map 。

我想知道是否可以使用 JavaScript 从 pushpin 内的 pushpinoption 获取 infobox

我用 JavaScript 有类似的东西:

var location = new Microsoft.Maps.Location(latitude, longitude);

var pinInfoBox = new Microsoft.Maps.Infobox(new Microsoft.Maps.Location(latitude, longitude), { id: "Id_" + p_Data[i][0], title: desc, visible: true });

var pushPinOption = { icon: etat, width: 30, height: 50, infobox: pinInfoBox };

var pushPin = new Microsoft.Maps.Pushpin(location, pushPinOption);

map.entities.push(pushPin);
m_VehiculeArray.push(pushPin);

在另一个使用 JavaScript 的函数中,我可以访问我的 pushpin 但我不知道如何检索 pushpinOption 以及最后的 infobox 。我需要读取“id”属性。

你能帮我一下吗?

最佳答案

我不太确定我理解您想要做什么,但如果您认为这不能满足您的需求,请从功能上解释一下您想要实现的目标,以便我们提供帮助。

无论如何,如果您计划能够从子属性中检索信息(例如 Pushpin > PushpinOption > Infobox),您将有多种可能性来实现它,但一种可能是利用扩展的可能性附带 Bing Maps Ajax V7 控件,这里是一个示例,将说明如何在 Pushpin 对象上保留具体的附加属性。

示例代码

请参阅此处说明扩展功能用法的示例代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bing Maps for Enterprise - Extension</title>
<script type="text/javascript" charset="UTF-8" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0">
</script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">

var map = null;
var polygon = null;

// Extension
if (typeof (Microsoft) !== 'undefined') {
if (typeof (Microsoft.Maps) !== 'undefined') {
Microsoft.Maps.Pushpin.prototype.dataObject = null,
Microsoft.Maps.Pushpin.prototype.id = null
}
}

function getMap() {

// Initialize the map
map = new Microsoft.Maps.Map($('#map').get(0), {
credentials: "BINGMAPSKEY",
center: new Microsoft.Maps.Location(47.5, 2.75),
zoom: 4,
mapTypeId: Microsoft.Maps.MapTypeId.road,
maxZoomLevel: 28
});

pin = new Microsoft.Maps.Pushpin(new Microsoft.Maps.Location(45, 2));
pin.id = "pin-myid";
pin.dataObject = {
title: 'My pushpin',
description: 'Short description'
};
map.entities.push(pin);
Microsoft.Maps.Events.addHandler(pin, 'click', clickPin);
}

function clickPin(e) {
if (e.targetType == 'pushpin') {
alert(e.target.id + ' == ' + e.target.dataObject.title);
}
}

</script>
</head>
<body onload="getMap();">
<div id="map" style="position: relative; width: 800px; height: 600px;">
</div>
</body>
</html>

更多信息

如果您需要有关扩展功能的更多信息,请参阅我的博客文章(法语):

http://blogs.developpeur.org/nicoboo/archive/2012/03/23/bing-maps-for-enterprise-profitez-des-possibilites-d-extension-du-controle-ajax-v7.aspx

关于javascript - 如何从图钉内的图钉选项获取信息框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28212727/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com