Question

我已将Bing Maps用于我的网站，其中我使用了脚本

<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使用控制器和Model加载数据。它工作正常，但在我的网站上显示它就像这样。

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

Answer 1

大声笑，哇，这令人印象深刻。在9年多的时间里，我一直在使用Bing Maps，我以前从未见过它。

好的，现在解决问题了。您提供的代码不会导致此效果。看起来每个圆圈都包含一个地图图块，它只不过是一个图像标记。我怀疑在你的应用程序的某个地方，你有一个CSS样式的图像，给他们一个大的边框半径，以使它们看起来像圆圈。此样式似乎适用于您应用中的所有图片。看看你的CSS并在img标签上查找任何定义。

Bing地图无法在网站上正常显示

1 个答案: