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

来源：互联网发布：mac qq群文件编辑：程序博客网时间：2024/05/21 08:46

小可爱们，只需要三个步骤，就可以在.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>

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

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

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

阅读全文

0 0