当前位置: 首页 > 知识库问答 >
问题:

如何在V8模块中设置集群映射中的自定义图钉和infobox

宋烨烁
2023-03-14

在V7必应地图中,您提供了在下面链接的集群地图中添加图钉和infobox的功能

https://www.bingmapsportal.com/isdk/ajaxv7#loadingdynamicmodule3

共有1个答案

潘涵煦
2023-03-14

下面是如何使用元数据属性使用图钉存储数据并向打开InfoBox的图钉添加click事件的示例:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type='text/javascript' 
            src='http://www.bing.com/api/maps/mapcontrol?callback=GetMap' 
            async defer></script>
    <script type='text/javascript'>
    var map, infobox;

    function GetMap() {
        map = new Microsoft.Maps.Map('#myMap', {
            credentials: 'Your Bing Maps Key'
        });

        //Create an infobox at the center of the map but don't show it.
        infobox = new Microsoft.Maps.Infobox(map.getCenter(), {
            visible: false
        });

        //Assign the infobox to a map instance.
        infobox.setMap(map);

        //Create a pushpin in the at a random location in the map bounds.
        var randomLocation = Microsoft.Maps.TestDataGenerator.getLocations(1, map.getBounds());
        var pin = new Microsoft.Maps.Pushpin(randomLocation);

        //Store some metadata with the pushpin.
        pin.metadata = {
            title: 'Pin Title',
            description: 'Pin discription'
        };

        //Add an click event handler to the pushpin.
        Microsoft.Maps.Events.addHandler(pin, 'click', pushpinClicked);

        //Add pushpin to the map.
        map.entities.push(pin);
    }

    function pushpinClicked(e) {
        //Make sure the infobox has metadata to display.
        if (e.target.metadata) {
            //Set the infobox options with the metadata of the pushpin.
            infobox.setOptions({
                location: e.target.getLocation(),
                title: e.target.metadata.title,
                description: e.target.metadata.description,
                visible: true
            });
        }
    }
    </script>
</head>
<body>
    <div id="myMap" style="position:relative;width:600px;height:400px;"></div>
</body>
</html>
 类似资料:
  • 问题内容: 我在使用JPA(Hiberante提供程序)映射自定义集合时遇到问题。例如,当我使用带有属性的对象时 与 在我的ORM文件中,没关系;但是如果我替换 “列表匹配项”; 通过 ,其中 “匹配” 的定义如下: 它产生以下错误: 感谢您的关注! 问题答案: 可以,但是您必须将其称为常见集合之一- 或。 所以: 为什么?例如,因为Hibernate对您的集合进行代理以启用延迟加载。所以它创建,

  • 问题内容: 我正在尝试从Swift 1.2更改为Swift 2.0,而我在更改的最后。目前,我正在MapViewController中进行更改,没有任何错误或警告,但是我的图钉(annotationView)的自定义图像未分配给图钉,并且显示了默认图像(红点)。 这是我的代码,希望您能提供一些帮助,因为我认为一切都很好,但是仍然无法正常工作: 提前致谢, 问候。 问题答案: 接受的答案无效,因为它

  • 问题内容: 我最近开始在Node.js中工作,在app.js文件中有以下一行: 现在,如何设置自己的自定义favicon.ico? 问题答案: 在Express 4中 安装收藏夹中间件,然后执行以下操作: 或者更好,使用模块: (请注意,此解决方案也可以在Express 3应用中使用) 在Express 3中 根据API,接受一个location参数: 大多数时候,您可能希望这样做(如vsync建

  • 我需要通过连接3个不同的表来获取6列。我在entity类的顶部将它们声明为NamedNativequery,并且使用了create named query method form JPA。当我尝试fo获取结果集时,我得到的是数组对象列表,而不是POJO类型的对象列表。为了将结果集映射到外部POJO,我应该定义任何外部映射吗?

  • 我正在使用DataDog Helm chart在我的EKS Kubernetes集群(https://github.com/Helm/charts/tree/master/stable/DataDog)上安装DataDog代理。我现在遇到的问题是无法按集群名筛选日志。我还设置了环境变量,但它似乎没有起到任何作用。 我在values.yml文件中设置了以下内容:

  • 在v8实现中,检索/查找是O(1),这是一个公平的假设吗? (我知道标准并不能保证这一点)