Mapa Bing dodaj wiele pinezek

Jak dodać wiele pinezek do mapy Bing v7 poprzez interfejs Ajax API ..?Mapa Bing dodaj wiele pinezek

Oni mogą być ładowane z tablicy, listy, JSON lub gdziekolwiek indziej ..

może ktoś dostarczyć mały przykład? Dziękujemy

2010-12-17 Stewie Griffin

Możesz użyć EntityCollection, aby dodać kilka szpilek w tym samym czasie.

przykład:

<!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>

Również tutaj innego example using JSON and jQuery.

Źródło

2010-12-17 10:50:43 wildpeaks

Mapa Bing dodaj wiele pinezek

Odpowiedz

Powiązane problemy