码迷,mamicode.com
首页 > 其他好文 > 详细

BIEE调用百度地图

时间:2016-10-24 15:53:12      阅读:372      评论:0      收藏:0      [点我收藏+]

标签:contain   label   rand   text   dev   position   ges   map   event   

效果图:

 技术分享

 

 

实现:

新建一个叙述,如下:

 技术分享

 

三段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调用百度地图

标签:contain   label   rand   text   dev   position   ges   map   event   

原文地址:http://www.cnblogs.com/huangchengjie/p/5993239.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!