Bing必应地图中国API-显示兴趣点

2011-05-24 14:29:55|  分类: Bing&Google|字号 

 
 
在地图上显示一个兴趣点,这个应用可以说是最简单但是最广泛的。例如,一个公司希望在自己的主页上加上一个简单的地图显示公司所在位置。
在这一讲中我先简单介绍一下关于形状(shape)的概念:一个shape可以是点、线、多边形等。在初始化shape对象的时候,可以根据初始化函数的不同输入参数来确定shape的具体类型:VEShapeType.Pushpin,VEShapeType.Polygon,VEShapeType.Polyline。
shape的初始化举例:
var shape = new VEShape(VEShapeType.Pushpin, map.GetCenter());此处初始化一个兴趣点(pushpin)的shape
在这个初始化例子中,map.GetCenter()方法得到当前地图的中心位置经纬度,作为所要显示的兴趣点位置。我们也可以自定义一个位置:new VELatLong(39.9012, 116.3902),即:
var shape = new VEShape(VEShapeType.Pushpin, new VELatLong(39.9012, 116.3902));
关于线、多边形的初始化我会在后面的讲座中说明。
下面我们来看一下添加兴趣点的具体实现代码,我们定义一个添加兴趣点的函数:
      function AddPushpin()
      {
          var shape = new VEShape(VEShapeType.Pushpin, new VELatLong(39.9012, 116.3902));
          shape.SetTitle('兴趣点');
          shape.SetDescription('我的兴趣点');
          map.AddShape(shape);
      }
这个函数首先初始化一个shape对象为pushpin,然后设置兴趣点的title和具体描述信息。最后,调用map类的AddShape方法在基础地图上添加shape。
 
同样,我们需要在html body中增加一个链接(也可以是按钮),让用户来控制增加兴趣点:
<div><a href='#' onclick='AddPushpin();'>添加兴趣点</a></div>
 
将上述这两段代码加到我们第一讲显示地图的代码中,就可以体验一下增加兴趣点的功能了。
当然有时候我们不希望通过用户手动添加按钮,而是在地图加载的时候自动显示一个兴趣点,这时候我们需要修改一下GetMap这个函数:
     function GetMap()
      {
         map = new VEMap('myMap');
         map.LoadMap();         
         AddPushpin()
      }
 大家自己动手分别实现一下这两种方式吧!
引用:http://www.htchen.com/post/5.html
 
 
 
 
 
05-19 12:38