首页 > 代码库 > BIEE调用百度地图

BIEE调用百度地图

效果图:

 技术分享

 

 

实现:

新建一个叙述,如下:

 技术分享

 

三段JS 如下:

 

1.

 

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>

<div id="baidu_map_container"></div>

<script type="text/javascript">

var map = new BMap.Map("baidu_map_container"); 

var point = new BMap.Point(116.404, 39.915);    // 创建点坐标

map.centerAndZoom("深圳");                     // 初始化地图,设置中心点坐标和地图级别。

 

map.addControl(new BMap.NavigationControl());

map.addControl(new BMap.MapTypeControl());  

 

 var myIcon = new BMap.Icon( "http://openapi.baidu.com/map/images/us_mk_icon.png",new BMap.Size(25, 25),

  {

     anchor: new BMap.Size(-10, 0),

  imageOffset: new BMap.Size(-43, -45)

  });

 

2.

 

var point = new BMap.Point(@2, @3);  // (经度,纬度)

var marker = new BMap.Marker(point,{icon: myIcon})

var myLabel = new BMap.Label("@1-@6",{offset:new BMap.Size(30,0), position:point});//第一个参                  数为显示在地图上的标签名 

map.addOverlay(myLabel);

map.addOverlay(marker);

marker.addEventListener("click", function(){   this.openInfoWindow(new BMap.InfoWindow("地址: @8 @9 @10 @11", {

  width : 250,  height: 50,  title : "@1 - @6"

   }

));

});

 

3.

 

</script>

<style type="text/css"> 

#baidu_map_container{height:480px;weight:70%} 

</style>

BIEE调用百度地图