2016-05-01 3 views
0

я использовал Bing Maps на свой веб-сайт, в котором я использовал скрипт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 , Он отлично работает, но когда он отображается на моем веб-сайте, он становится таким.

enter image description here

Этого отображение этих алмазы белых фигур, даже если я приближать. Как я могу избавиться от них покрытия карты?

ответ

2

lol, ничего себе, это впечатляет. В 9+ лет я работаю с Bing Maps, которых я никогда раньше не видел.

Хорошо, теперь, чтобы решить проблему. Предоставленный вами код не вызовет такого эффекта. Похоже, что каждый круг состоит из одной плитки карты, которая является не более чем тегом изображения. Я подозреваю, что где-то в вашем приложении у вас есть стиль CSS для изображений, который дает им большой радиус границы, чтобы сделать их похожими на круги. Этот стиль применяется ко всем изображениям вашего приложения. Взгляните на свой CSS и найдите любые определения в теге img.

+0

Вы гений, большое спасибо за помощь, оказалось, что это был один из моих свойств css, который был скрыт в другой папке. –

Смежные вопросы