1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 使用百度地图api实现根据地址查询经纬度【javascript】

使用百度地图api实现根据地址查询经纬度【javascript】

时间:2021-12-11 23:46:22

相关推荐

使用百度地图api实现根据地址查询经纬度【javascript】

web前端|js教程

javascript,百度地图api

web前端-js教程

毕业设计源码c,vscode预览无样式,Ubuntu推荐app,tomcat下载中文附件,sqlite打不开文件夹,网络爬虫有哪三个部分,php图片轮播,安徽seo优化公司费用,网站系统搭建教程视频,套别人的网站模板lzw

根据地址查询经纬度

<script type="text/javascript" src="http://api./api?v=1.3">

跑跑卡丁车源码,VSCODE下载插件安装包,ubuntu 固态硬盘,tomcat带jdk吗,sqlite 调用文本,网页设计排版布局代码,虚拟服务器管理软件,jquery 数字特效插件,前端框架后端框架有哪些,墙面小爬虫,php 获取图片尺寸,镜像seo,springboot微信管理,旅游网站源码下载,网页的标题标签,营销型b2b网站模板,dedecms后台批量删除评论,微信h5页面源码下载,商品管理系统java,安卓作业小程序源码lzw

要查询的地址:

查询结果(经纬度):

html5 游戏源码下载,vscode超链接与多媒体标签,ubuntu底部任务栏,手写tomcat实现负载均衡,sqlite动态查询,摄影技巧的网页设计成品,服务器小硬盘,图片左右切换点一次滚一张插件,前端开发框架wui,爬虫是软件吗,php获取类名,通博seo大师,k8s替代springboot,电影网站主题,网页授权 系统,phpcms模板替换,c winform漂亮页面,数据库汽车销售管理系统,易语言插上u盘时运行程序lzw

<div

>

var map = new BMap.Map(“container”);

map.centerAndZoom(“徐州”, 12);

map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用

map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用

map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件

map.addControl(new BMap.OverviewMapControl()); //添加默认缩略地图控件

map.addControl(new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT })); //右下角,打开

var localSearch = new BMap.LocalSearch(map);

localSearch.enableAutoViewport(); //允许自动调节窗体大小

function searchByStationName() {

map.clearOverlays();//清空原来的标注

var keyword = document.getElementById(“text_”).value;

localSearch.setSearchCompleteCallback(function (searchResult) {

var poi = searchResult.getPoi(0);

document.getElementById(“result_”).value = poi.point.lng + “,” + poi.point.lat;

map.centerAndZoom(poi.point, 13);

var marker = new BMap.Marker(new BMap.Point(poi.point.lng, poi.point.lat)); // 创建标注,为要查询的地方对应的经纬度

map.addOverlay(marker);

var content = document.getElementById(“text_”).value + “

经度:” + poi.point.lng + “

纬度:” + poi.point.lat;

var infoWindow = new BMap.InfoWindow(“

” + content + “

“);

marker.addEventListener(“click”, function () { this.openInfoWindow(infoWindow); });

// marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

});

localSearch.search(keyword);

}

以上就是代码的全部内容了,小伙伴们可以直接使用在项目中哦,不用跟我说谢谢,请叫我雷锋大大~

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