milosev.com
  • Home
    • List all categories
    • Sitemap
  • Downloads
    • WebSphere
    • Hitachi902
    • Hospital
    • Kryptonite
    • OCR
    • APK
  • About me
    • Gallery
      • Italy2022
    • Curriculum vitae
      • Resume
      • Lebenslauf
    • Social networks
      • Facebook
      • Twitter
      • LinkedIn
      • Xing
      • GitHub
      • Google Maps
      • Sports tracker
    • Adventures planning
  1. You are here:  
  2. Home
  3. JavaScript
  4. Bing Maps AJAX Control, Version 7.0

Disappearing polylines

Details
Written by: Stanko Milosev
Category: Bing Maps AJAX Control, Version 7.0
Published: 16 August 2013
Last Updated: 30 November -0001
Hits: 3826

It seems that there is one more bug. Polylines are disappearing if they are too big (i.e polyline which connects London with Sardinia) and if you zoom it.

Example you can see here, just zoom one line, zoom it until it disappears.

Also, in that file you can see example of adding viewchangeend event, which is fired also when zoom changes:

Microsoft.Maps.Events.addHandler(myMap, 'viewchangeend', addPins);

Then adding polylines:

var point1 = new Microsoft.Maps.Location(55, -2);
var point2 = new Microsoft.Maps.Location(52, -2);
var point3 = new Microsoft.Maps.Location(53, -1);
var point4 = new Microsoft.Maps.Location(37.996162679728116, 8.701171874999998);
var point5 = new Microsoft.Maps.Location(49.26780455063754, 8.701171874999998);

var positions = new Array(
	point1
	,point2
	,point3
	,point4
	,point5
);

var poly = new Microsoft.Maps.Polyline(
	positions);

myMap.entities.push(poly);

Memory leak

Details
Written by: Stanko Milosev
Category: Bing Maps AJAX Control, Version 7.0
Published: 16 August 2013
Last Updated: 16 August 2013
Hits: 3907

It seems that adding and removing pushpins leads to memory leak.

Example you can see here, in Chrome click shift + esc to see memory consumption.

Also, in that example you can see how to add or remove pushpins:

 

point = new Microsoft.Maps.Location(getRandomInRange(-180, 180, 3), getRandomInRange(-180, 180, 3));
pin = new Microsoft.Maps.Pushpin(point, {
	text: ('p')
});

myMap.entities.push(pin);

Bing maps

Details
Written by: Stanko Milosev
Category: Bing Maps AJAX Control, Version 7.0
Published: 11 February 2013
Last Updated: 16 August 2013
Hits: 4509

Javascript:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>

$(document).ready(function () {
    GetMap();
});

function GetMap() {
    var myMap = new Microsoft.Maps.Map(document.getElementById("mapDiv"), { credentials: "YourKey" });
};

HTML: 

<div id='mapDiv' style="position:absolute; width:800px; height:600px;"></div>