1. 首頁
  2. 問答
  3. 必應地圖添加多個圖釘

必應地圖添加多個圖釘

2010-12-17 95 views

回答

8

您可以使用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

相關問題

 相關問題