您的位置：首页 > 编程语言 > ASP

在Asp.NET网站中加载百度地图

2017-08-30 15:43 302 查看
    小可爱们，只需要三个步骤，就可以在.NET网站中加载上百度地图，嗯~听着就敲简单。

    一.

    在百度地图开放平台上申请密钥。

    


   

 完成界面如下，复制下来这个AK值即密钥，一会将用到。



    二

    网站中新建Web用户控件。（这个就不上图了，哈）

    三

    在新建的Web用户控件中，将asp网页修改如下

    <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>


如此便已经好啦~小可爱们就可以看到如下我们的大北京啦



好啦，下一次跟大家分享怎么把数据库中的地点信息定位到百度地图上。嗯，涉及到前后台数据交互的问题。

你认真起来的样子好美，加油！

    
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  asp.net 百度地图
相关文章推荐
新的分享
章节导航