在网页创建百度地图示例代码

基本信息

源码名称：在网页创建百度地图示例代码

源码大小：1.74KB

文件格式：.html

开发语言：C#

更新时间：2015-01-11

友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559

本次赞助数额为： 2 元　

源码介绍

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Hello, World</title>
 <style type="text/css">
     html{height:100%}
     body{height:100%;margin:0px;padding:0px}
     #container{height:100%}
 </style>
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
 </head> 
 <body>
 <div id="container"></div>
    <script type="text/javascript">    
       var map = new BMap.Map("container"); // 创建地图实例
      
       var point2 = new BMap.Point(119.164198, 36.704957); // 创建点坐标
       map.centerAndZoom(point2, 15);  // 初始化地图，设置中心点坐标和地图级别
       map.addControl(new BMap.NavigationControl());

       var opts = { width: 250, height: 100, title: "潍坊地图" }; //信息窗口
       var infoWindow = new BMap.InfoWindow("<div style='color:red;'>大家好</div>", opts);

       var marker = new BMap.Marker(point2); // 创建标注 
       map.addOverlay(marker);
       marker.enableDragging();
       //标注拖拽后的位置
       marker.addEventListener("dragend", function (e) {
           alert("当前位置："   e.point.lng   ", "   e.point.lat);
       });
       //点击的位置
       map.addEventListener("click", function (e) {
           //alert("当前位置："   e.point.lng   ", "   e.point.lat);
           var pointClick=  new BMap.Point(e.point.lng , e.point.lat);
           map.openInfoWindow(infoWindow, pointClick);
       });
    
     
       
     </script>
    </body>
    </html>