首页 > 网站 > WEB开发 > 正文

HTML5中的地理定位

2024-04-27 15:06:55
字体:
来源:转载
供稿:网友

地理定位并非属于HTML5的专属内容。HTML5中的地理定位技术来自于Google Map,但由于众所周知的原因,Google产品在国内并不能正常于用户使用,故选择替代品:百度/高德地图

百度地图具有完善的demo示例和帮助文档,可有效给予开发者帮助。

页面中引入百度地图 1.注册百度账号并登陆百度开发者,创建自己的应用,目的在于获取AK(秘钥),用于连接百度数据库

2.在页面中引入

<script src="http://api.map.baidu.com/api?v=2.0&ak=此处填写AK"></script>

3.创建Map实例

var map = new BMap.Map("allmap"); // 初始化地图,设置中心点坐标和地图级别。map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);//另外,centerAndZoom的第一个参数也可以直接使用城市名字符串map.centerAndZoom('深圳', 13);//加入选项(地图/卫星/三维)map.addControl(new BMap.MapTypeControl());map.setCurrentCity('北京')//鼠标滚轮是否可以用于缩放map.enableScrollWheelZoom(true);
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表