Bing Map add multiple pushpins

Как добавить несколько pushpins на карту Bing v7 через API Ajax ..?Bing Map add multiple pushpins

Они могут быть загружены из массива, списка или JSON где-нибудь еще ..

кто-то может обеспечить небольшой пример? Спасибо

2010-12-17 Stewie Griffin

Вы можете использовать EntityCollection, чтобы добавить несколько булавок одновременно.

Пример:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <script src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0&mkt=de-de" type="text/javascript" charset="UTF-8"></script> 
</head> 
<body onload="init()"> 


<div id="map" style="position: relative; width: 800px; height: 300px;"></div> 


<script type="text/javascript"> 
function init(){ 

    // Initialize the map 
    var map = new Microsoft.Maps.Map(
     document.getElementById("map"), 
     { 
      credentials: "YOUR-BING-KEY", 
      mapTypeId: Microsoft.Maps.MapTypeId.road 
     } 
    ); 


    // Creates a collection to store multiple pins 
    var pins = new Microsoft.Maps.EntityCollection(); 

    // Creates 5 random pins 
    for (var i = 0; i < 5; i++){ 
     // A random position 
     var position = new Microsoft.Maps.Location(Math.random() * 45, Math.random() * 90); 

     // Creates a Pushpin 
     var pin = new Microsoft.Maps.Pushpin(position); 

     // Adds the pin to the collection instead of adding it directly to the Map 
     pins.push(pin); 
    } 

    // Adds all pins at once 
    map.entities.push(pins); 
} 
</script> 


</body> 
</html>

Кроме того, здесь еще один example using JSON and jQuery.

источник

2010-12-17 10:50:43 wildpeaks

Bing Map add multiple pushpins

ответ

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