1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 百度地图JavaScript API 学习之根据IP定位

百度地图JavaScript API 学习之根据IP定位

时间:2023-12-20 14:29:06

相关推荐

百度地图JavaScript API 学习之根据IP定位

IP定位示例

官方浏览器定位demo示例——请直戳这里

代码示例

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="initial-scale=1.0,user-scalable=no"><title>IP定位</title><style>html,body,#allmap{height: 100%;width: 100%;overflow:hidden;margin:0;font-family: "微软雅黑";}</style><script src="http://api./api?v=2.0&ak=3ecea51f560650b1ed8a4b99808f52e8"></script></head><body><div id="allmap"></div><script>var map = new BMap.Map("allmap");//创建一个地图var point = new BMap.Point(116.331398,39.897445);//创建一个地理点坐标map.centerAndZoom(point,12);/*LocalCity类用于获取用户所在的城市位置信息。(根据用户IP自动定位到城市)*构造函数:LocalCity(opts:LocalCityOptions) 创建一个获取本地城市位置的实例*方法:*get(callback: Function) *当获取城市信息后,回调函数会被调用,其参数为类型为LocalCityResult对象*//*LocalCityResult:此类表示LocalCity的定位结果。*属性:*name:城市名称*center:城市所在中心点*level:展示当前城市的最佳地图级别*/function cityResult(result){var cityName = result.name;//核心类Map的方法:setCenter(center:Ponit|String)//设置地图中心点。center除了可以为坐标点以外,还支持城市名map.setCenter(cityName);alert("当前定位城市:"+ cityName);}var myCity = new BMap.LocalCity();myCity.get(cityResult);</script></body></html>

效果图展示:

未点击确定按钮:

点击确定按钮之后:

知识点解析

LocalCity类(点击查看)

Map类的setCity()方法(点击查看)

具体内容如下所示:

图1:

图2:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。