获取地图的信息到input里

ityouknow 发布于2019-08-02 11:22 / 2504人阅读

摘要：在最近项目中，我接触了百度地图的写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥下面是我在学习中总结的对项目有帮助的代码百度地图功能启用滚轮放大缩小，默认禁用添加默

在最近项目中，我接触了百度地图的API写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥： E7PCho0sv3FdzmjC901ttP0HrS9bT4nY

下面是我在学习中总结的对项目有帮助的代码

  

  
  
  
Hello, World

map.jquery.min.js

$.fn.bMap=function(h){h=$.extend({name:"map"},h);var j=$(this),b=h.name,p,m=116.331398,l=39.897445,q,a,n=$(""),g=$(""),f=$("");j.append(o).append(g).append(n).append(f);if(h.location||h.address){if(h.location){p=new BMap.Point(h.location[0],h.location[1]);m=h.location[0];l=h.location[1];g.val(m+","+l);if(!h.address){c(p,null,false)}else{o.val(h.address)}}else{o.val(h.address);var i=new BMap.Geocoder();i.getPoint(h.address,function(r){p=r;m=r.lng;l=r.lat;g.val(m+","+l)})}}else{var k=new BMap.Geolocation();k.getCurrentPosition(function(t){if(this.getStatus()==BMAP_STATUS_SUCCESS){var s=new BMap.Marker(t.point);p=t.point;m=t.point.lng;l=t.point.lat}},{enableHighAccuracy:true})}o.focus(function(r){n.show().css("zIndex",999);d()});o.blur(function(r){n.hide().css("zIndex",0)});function d(){if(a){return false}a=new BMap.Map("Map_"+b,{enableMapClick:false});a.centerAndZoom(new BMap.Point(m,l),15);a.enableScrollWheelZoom();a.enableContinuousZoom();e(p);a.addEventListener("click",function(s){e(s.point);c(s.point)});var r=o.val();q=new BMap.Autocomplete({input:"Map_input_"+b,location:a});q.setInputValue(r);q.addEventListener("onconfirm",function(v){var t=v.item.value;myValue=t.province+t.city+t.district+t.street+t.business;function s(){var w=u.getResults().getPoi(0).point;a.centerAndZoom(w,15);c(w,t);e(w)}var u=new BMap.LocalSearch(a,{onSearchComplete:s});u.search(myValue)})}function c(r,s,u){var t=new BMap.Geocoder();g.val(r.lng+","+r.lat);t.getLocation(r,function(v){var w=v.addressComponents;if(s){w=$.extend(s,w)}w.business=w.business?w.business:"";if(q){q.setInputValue(w.province+w.city+w.district+w.street+w.streetNumber+w.business)}else{t.getLocation(r,function(x){o.val(x.address)})}if(h.callback&&!u){h.callback(w,r)}})}function e(r){a.clearOverlays();var s=new BMap.Marker(r);a.addOverlay(s);s.enableDragging();s.addEventListener("dragend",function(t){c(t.point)})}};

这个是成功图，想漂亮的自己调样式：

注：文章来源雨中笑的相关博客记录实习期遇到的问题与心得，转载请申明原文

GPU云服务器云服务器 js获取里的数据 js+获取里的数据电脑里的资料备份到云服务器 js获取input

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52938.html

获取地图的信息到input里

摘要：在最近项目中，我接触了百度地图的写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥下面是我在学习中总结的对项目有帮助的代码百度地图功能启用滚轮放大缩小，默认禁用添加默在最近项目中，我接触了百度地图的API写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥： E7PCho0sv...

Karuru 2019-08-29 16:30 评论0 收藏0
获取地图的信息到input里

摘要：在最近项目中，我接触了百度地图的写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥下面是我在学习中总结的对项目有帮助的代码百度地图功能启用滚轮放大缩小，默认禁用添加默在最近项目中，我接触了百度地图的API写法，对其中的代码有了一点兴趣，所以我在完成任务后，在办公室里学习了百度地图的相关引用，并申请了服务秘钥： E7PCho0sv...

Scliang 2019-08-23 11:33 评论0 收藏0
WEB之常见工作问题总结（1-20）

摘要：第三种，使用格式，即在中请求参数处理跨域问题当然请求方式只能是。最后发现有网友说版本不稳定引起的，于是把百度地图回退到了，结果还真是可以了。请问在移动端页面中播放优酷里面的视频，怎样实现 1.web扫码登录怎么实现，思路步骤 WEB平台手机第1步生成二维码第2步（ajax监控后台）扫码第3步 ...

genedna 2019-08-22 13:40 评论0 收藏0
两天撸一个天气应用微信小程序

摘要：简介这是一个完整的已经线上运行的天气应用小程序，点击可查看源码，可随意。但是对于一款简单的天气应用小程序来说也够了。更新说明： I、气象数据由百度地图开放平台)修改为了和风天气，需要注册账号获取 key； II、d0e51c8 版本之后为小程序云开发版本，若未开通云开发功能，为不影响小程序正常运行，可以将版本号回退到 git reset d0e51c8 --hard，或，将云开发相关...

taoszu 2019-08-22 18:35 评论0 收藏0
HTML5 入门详解

摘要：定义字符中文注音或字符的解释或发音。表单域我们都知道标签用于为用户输入创建表单。在中表单域添加了两个新的属性规定是否启用表单的自动完成功能，默认。通过属性和表单域的可以将输入表单绑定到表单域中。 showImg(http://ww1.sinaimg.cn/large/007kscFEgy1fxgnw4hajoj31400p0q4d.jpg); 1. 认识HTML5 HTML5并不仅仅...

hqman 2019-08-26 13:25 评论0 收藏0