宾！地图如何创建信息框弹出窗口

发布于 2024-11-09 18:46:48 字数 808 浏览 3 评论 0原文

我的 Bing 上有一个图钉！版本 7 地图，尽管我无法找到如何创建 onclick 事件来显示信息框！

谁能指出我正确的方向或提供一个例子？

到目前为止我有以下代码！我需要弹出窗口来覆盖地图面板。

一如既往地非常感谢！

      var map = null;

      function GetMap() {
            map = new Microsoft.Maps.Map(document.getElementById('myMap'), { credentials: 'xxx' });
            map.entities.clear();

            var pushpinOptions = { icon: 'icon.png', width: 53, height: 61 };
            var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), pushpinOptions);

            var infoboxOptions = {title:'Infobox Title', description:'Infobox description'}; 

            var defaultInfobox = new Microsoft.Maps.Infobox(map.getCenter(), infoboxOptions );    
            map.entities.push(defaultInfobox);
            map.entities.push(pushpin);
        }

原文

I have a pin on my Bing! version 7 map although I'm failing to find out how to create an onclick event to display an info box !

Can anyone point me in the right direction or provide an example?

I have the following code so far! I need the popup to overlay the map panel.

Many thanks as always!

      var map = null;

      function GetMap() {
            map = new Microsoft.Maps.Map(document.getElementById('myMap'), { credentials: 'xxx' });
            map.entities.clear();

            var pushpinOptions = { icon: 'icon.png', width: 53, height: 61 };
            var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), pushpinOptions);

            var infoboxOptions = {title:'Infobox Title', description:'Infobox description'}; 

            var defaultInfobox = new Microsoft.Maps.Infobox(map.getCenter(), infoboxOptions );    
            map.entities.push(defaultInfobox);
            map.entities.push(pushpin);
        }

分享到QQ

分享到微博