Bing 网站上的地图显示不正确

Question

我在我的网站上使用了 Bing 地图，其中我使用了脚本

<script>

$(document).ready(function () {

    var map = null;
    function LoadMap() {


        map = new Microsoft.Maps.Map(
            document.getElementById('bing_maps_content'),
            {
                credentials: ".............."
            });
    }



    $('#btnlocation').click(function () {
        var url = "/Home/getlocation";

        $.getJSON(url, null, function (data) {
            $.each(data, function (index, LocationData) {

                var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), null);

                pushpin.setLocation(new Microsoft.Maps.Location(
                   LocationData.longitutde,
                   LocationData.latitude
                   ));

                map.entities.push(pushpin);

                map.setView({
                    zoom: 4, centre: new Microsoft.Maps.Location("-37.81633","144.97097")
                });


        });
    });


    });
    LoadMap();
});

$(".jump-response").each(function () {
    var hue = 'rgb(' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ',' + (Math.floor((256 - 199) * Math.random()) + 200) + ')';
    $(this).css("background-color", hue);
});

并使用 Microsoft Bing 地图教程 C# MVC 使用控制器和模型加载数据。效果很好，但在我的网站上显示时，它变成了这样。

即使我放大它也显示这些菱形白色形状。如何去除覆盖地图的这些形状？

Answer 1

哈哈，哇，真厉害。在 9 年多的时间里，我一直在使用 Bing 地图，这是我以前从未见过的。

好的，现在开始解决问题。您提供的代码不会造成这种效果。看起来每个圆圈都由一个地图图块组成，它只不过是一个图像标签。我怀疑在您的应用程序中的某处，您有一个 CSS 样式的图像，使它们具有较大的边框半径，以使它们看起来像圆圈。这种风格似乎适用于您应用中的所有图像。查看您的 CSS 并查找 img 标签上的任何定义。

Bing 网站上的地图显示不正确

Bing Maps not displaying properly on website

javascript

jquery

bing-maps