精华内容
下载资源
问答
  • 微信小程序获取当前位置 地图定位导航-详细代码

    万次阅读 多人点赞 2019-05-12 12:04:16
    小程序获取当前位置,回到当前位置,地图定位,导航 效果 因为小程序更新了获取地理位置API接口,需要先在app.json中配置一下permission字段 ,不然会报微信小程序getLocation 需要在app.json中声明permission字段 ...

    小程序获取当前位置,回到当前位置,地图定位,导航

    效果

     

    因为小程序更新了获取地理位置API接口,需要先在app.json中配置一下permission字段 ,不然会报微信小程序getLocation 需要在app.json中声明permission字段

    app.json:   (不知道具体位置可以看这里,这里有整个app.json的配置)

     
     "permission": {
        "scope.userLocation": {
          "desc": "你的位置信息将用于小程序位置接口的效果展示"
        }
      }
    

    wxml:

    <!--pages/map/map.wxml-->
    
    <!-- 这是地图部分 -->
    
    <view class="map_container">
      <map class='map' longitude='{{longitude}}' latitude='{{latitude}}' scale='{{scale}}' markers='{{markers}}' controls="{{controls}}" bindcontroltap="bindcontroltap" polyline='{{polyline}}' circles="{{circles}}" bindmarkertap='bindmarkertap' bindcontroltap='bindcontroltap'
        show-location></map>
    </view>
    
    
    <!-- 以下是导航部分 -->
    
    <view class='list-guide'>
    <!-- 这里的坐标本应该是从服务器获取数据的,这时丈先写死在页面上了 -->
      <view bindtap="onGuideTap" data-latitude='39.92392' data-longitude='116.411885' data-bankName='最高人民检察院'>
        <image src='/images/banklist/daohang.png' class='list-guide-imgae'></image>
        <text class='list-guide-text'>导航</text>
      </view>
      <view bindtap='onbankTap' data-bankId="{{item.BANK_ID}}">
        <image src='/images/banklist/xiangqing.png' class='list-guide-imgae'></image>
        <text class='list-guide-text'>详情</text>
      </view>
    
    </view>

    宽度不是满屏,所以加个样式

    wxss:

    /* pages/map/map.wxss */
    .map_container {
      height: 260px;
      width: 100%;
    }
    
    .map {
      height: 100%;
      width: 100%;
    }
    
    
    
    
    .list-guide{
      display: flex;  
      flex-direction: row; 
      justify-content:space-around;
      border-top: 1px solid #ededed;
      height: 80rpx;
    }
    .list-guide-imgae{
      height: 70rpx;
      width: 70rpx;
      margin-right: 20px;
      vertical-align: middle;
    }
    .list-guide-text{
      vertical-align: middle;
      line-height: 90rpx;
      font-size: 35rpx;
    }

    下面就是最重要的JS部分了()

    JS:

    // pages/map/map.js
    Page({
    
      /**
       * 页面的初始数据
       */
      data: {
        addmissage: '选的位置',
        // markers	 Array	标记点
        stitle:'故宫',
        latitude: "",
        longitude: "",
        scale: 14,
        markers: [],
        //controls控件 是左下角圆圈小图标,用户无论放大多少,点这里可以立刻回到当前定位(控件(更新一下,即将废弃,建议使用 cover-view 代替))
        controls: [{
          id: 1,
          iconPath: '../../images/img/controls.png',
          position: {
            left: 15,
            top: 260 - 50,
            width: 40,
            height: 40
          },
          clickable: true
        }],
        distanceArr: []
      },
    
      /**
       * 生命周期函数--监听页面加载
       */
      onLoad: function (options) {
        var that = this
        //获取当前的地理位置、速度
        wx.getLocation({
          type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标
          success: function (res) {
            //赋值经纬度
            that.setData({
              latitude: res.latitude,
              longitude: res.longitude,
    
            })
          }
        })
    
    
    
      },
      //controls控件的点击事件
      bindcontroltap(e) {
        var that = this;
        if (e.controlId == 1) {
          that.setData({
            latitude: this.data.latitude,
            longitude: this.data.longitude,
            scale: 14,
          })
        }
      },
      //导航
      onGuideTap: function (event) {
        var lat = Number(event.currentTarget.dataset.latitude);
        var lon = Number(event.currentTarget.dataset.longitude);
        var bankName = event.currentTarget.dataset.bankname;
        console.log(lat);
        console.log(lon);
        wx.openLocation({
          type: 'gcj02',
          latitude: lat,
          longitude: lon,
          name: bankName,
          scale: 28
        })
      },
    
    
    
    })

    项目下载在这里(只是地图部份,也有删减,非实际项目全部)

    下面是我实际项目中的截图

     

     

     

     

     

    展开全文
  • 获取滚动条当前位置

    千次阅读 2018-09-30 23:49:38
    获取滚动条当前位置 scrollTop() 方法

    获取滚动条当前位置 scrollTop() 方法

    问题描述

    ul 列表定时轮播滚动,当滚动到最后一个 li 后,重新回到顶部重新开始自动滚动。

    测试发现当滚动条目较小时,即 li 的总高度小于设置的滚动最大值,
    轮播到最后一条记录后,轮播滚动效果停止。

    解决方法

    判断当前列表播放时当前的高度(height)值和滚动条位置的高度值,如果大于滚动条位置高度值则重新开始。

    <div style="border:1px solid black;width:200px;height:200px;overflow:auto">
    <ul class="ul" id="testList" >
    	  <li>This is 1 item. </li>
    	  <li>This is 2 item. </li>
    	  <li>This is 3 item. </li>
    	  <li>This is 4 item. </li>
    	  <li>This is 5 item. </li>
    	  <li>This is 6 item. </li>
    	  <li>This is 7 item. </li>
    	  <li>This is 8 item. </li>
    	  <li>This is 9 item. </li>
    	  <li>This is 10 item. </li>
    	</ul>
    </div>
    
    <script type="text/javascript">
      $(function(){
        var scrollItemHeight = 0;
        // 滚动条当前位置
        var scrollOffset = 0;
        // li 列表总高度
        var totalLiHeight = ($(".ul li").length)*($(".ul li").eq(0).height()) - 5;
        // 自动滚动效果
        function autoScroll() {
          scrollItemHeight += 20;
          scrollOffset = 20+$(".ul").scrollTop();
          // 如果有拖动滚动条,则从拖动后的位置开始滚动
          if(scrollItemHeight != scrollOffset){
            scrollItemHeight = scrollOffset;
          }
          if(scrollItemHeight > totalLiHeight) {
            scrollItemHeight = 0;
            scrollOffset = 0;
          }
          $(".ul").animate({scrollTop: scrollItemHeight}, 1000); // 1000ms 为列表移动速度
       }
       setInterval("autoScroll", 2000);
    });
    
    </script>	
    


    参考:
    jQuery CSS 操作 - scrollTop() 方法

    展开全文
  • Android高德地图获取当前地理位置(不显示地图只获取当前位置) 一、集成和权限配置 参考:http://blog.csdn.net/weixin_37577039/article/details/79177131 二、 //声明AMapLocationClient类对象 ...

    Android高德地图获取当前地理位置(不显示地图只获取当前位置)


    一、集成和权限配置
    参考:http://blog.csdn.net/weixin_37577039/article/details/79177131

    二、

    //声明AMapLocationClient类对象
        AMapLocationClient mLocationClient = null;
        //声明AMapLocationClientOption对象
        public AMapLocationClientOption mLocationOption = null;

    onCreate()中

    getCurrentLocationLatLng();

    三、初始化定位并设置定位回调监听

    /**
    *  初始化定位并设置定位回调监听
    */
    private void getCurrentLocationLatLng(){
        //初始化定位
        mLocationClient = new AMapLocationClient(getApplicationContext());
       //设置定位回调监听
        mLocationClient.setLocationListener(mLocationListener);
        //初始化AMapLocationClientOption对象
        mLocationOption = new AMapLocationClientOption();
    
     /* //设置定位场景,目前支持三种场景(签到、出行、运动,默认无场景) 设置了场景就不用配置定位模式等
        option.setLocationPurpose(AMapLocationClientOption.AMapLocationPurpose.SignIn);
        if(null != locationClient){
            locationClient.setLocationOption(option);
            //设置场景模式后最好调用一次stop,再调用start以保证场景模式生效
            locationClient.stopLocation();
            locationClient.startLocation();
        }*/
        // 同时使用网络定位和GPS定位,优先返回最高精度的定位结果,以及对应的地址描述信息
        mLocationOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Hight_Accuracy);
        //只会使用网络定位
       /* mLocationOption.setLocationMode(AMapLocationClientOption.AMapLocationMode.Battery_Saving);*/
       //只使用GPS进行定位
        /*mLocationOption.setLocationMode(AMapLocationMode.Device_Sensors);*/
        // 设置为单次定位 默认为false
        /*mLocationOption.setOnceLocation(true);*/
        //设置定位间隔,单位毫秒,默认为2000ms,最低1000ms。默认连续定位 切最低时间间隔为1000ms
        mLocationOption.setInterval(3500);
        //设置是否返回地址信息(默认返回地址信息)
        /*mLocationOption.setNeedAddress(true);*/
        //关闭缓存机制 默认开启 ,在高精度模式和低功耗模式下进行的网络定位结果均会生成本地缓存,不区分单次定位还是连续定位。GPS定位结果不会被缓存。
        /*mLocationOption.setLocationCacheEnable(false);*/
        //给定位客户端对象设置定位参数
        mLocationClient.setLocationOption(mLocationOption);
        //启动定位
        mLocationClient.startLocation();
    }
    

    四、定位回调监听器

    /**
     * 定位回调监听器
     */
    public AMapLocationListener mLocationListener = new AMapLocationListener() {
        @Override
        public void onLocationChanged(AMapLocation amapLocation) {
            if (!IsGpsWork.isGpsEnabled(getApplicationContext())) {
                Toast toast = Toast.makeText(getApplicationContext(), getString(R.string.hasNotOpenGps), Toast.LENGTH_SHORT);
                toast.setGravity(Gravity.CENTER, 0, 0);
                toast.show();
            } else {
                if (amapLocation != null) {
                    if (amapLocation.getErrorCode() == 0) {
                        //定位成功回调信息,设置相关消息
                        amapLocation.getLocationType();//获取当前定位结果来源,如网络定位结果,详见定位类型表
                        double currentLat = amapLocation.getLatitude();//获取纬度
                        double currentLon = amapLocation.getLongitude();//获取经度
                        latLonPoint = new LatLonPoint(currentLat, currentLon);  // latlng形式的
                    /*currentLatLng = new LatLng(currentLat, currentLon);*/   //latlng形式的
                        Log.i("currentLocation", "currentLat : " + currentLat + " currentLon : " + currentLon);
                        amapLocation.getAccuracy();//获取精度信息
                    } else {
                        //显示错误信息ErrCode是错误码,errInfo是错误信息,详见错误码表。
                        Log.e("AmapError", "location Error, ErrCode:"
                                + amapLocation.getErrorCode() + ", errInfo:"
                                + amapLocation.getErrorInfo());
                    }
                }
            }
        }
    };

     @Override
        protected void onDestroy() {
            super.onDestroy();
            if(mLocationClient!=null) {
                mLocationClient.onDestroy();//销毁定位客户端。
            }
        }
    
        @Override
        protected void onStart() {
            super.onStart();
            if(mLocationClient!=null) {
                mLocationClient.startLocation(); // 启动定位
            }
        }
        @Override
        protected void onPause() {
            super.onPause();
            if(mLocationClient!=null) {
                mLocationClient.stopLocation();//停止定位
            }
        }

    获取当前位置具体描述(逆地址编码),参考:
    http://blog.csdn.net/weixin_37577039/article/details/79177992


    参考:高德地图官方文档:http://developer.amap.com/api/android-location-sdk/guide/android-location/getlocation

    展开全文
  • android加载高德地图,定位当前位置,根据点击不同点获取不同地理位置名称 android加载高德地图,定位当前位置,根据点击不同点获取不同地理位置名称 android加载高德地图,定位当前位置,根据点击不同点获取不同...
  • javascript 移动端获取用户当前位置经纬度信息

    万次阅读 多人点赞 2018-08-01 11:34:17
    最近做一个项目需要前端做定位功能,获取用户当前位置的经纬度信息,尝试了很多方法,现在备份一下: 一、HTML5geolocation的属性 if(navigator.geolocation){ navigator.geolocation.getCurrentPosition...

       最近做一个项目需要前端做定位功能,获取用户当前位置的经纬度信息,尝试了很多方法,现在备份一下:

    一、HTML5 geolocation的属性

    if(navigator.geolocation){
      navigator.geolocation.getCurrentPosition(onSuccess , onError);
    }else{
      alert("您的浏览器不支持使用HTML 5来获取地理位置服务");
    }
    //定位数据获取成功响应
    function  onSuccess(position){
          alert('纬度: '          + position.coords.latitude          + '\n' +
          '经度: '         + position.coords.longitude         + '\n' +
          '海拔: '          + position.coords.altitude          + '\n' +
          '水平精度: '          + position.coords.accuracy          + '\n' +
          '垂直精度: ' + position.coords.altitudeAccura)
    }
    //定位数据获取失败响应
    function onError(error) {
      switch(error.code)
      {
        case error.PERMISSION_DENIED:
        alert("您拒绝对获取地理位置的请求");
        break;
        case error.POSITION_UNAVAILABLE:
        alert("位置信息是不可用的");
        break;
        case error.TIMEOUT:
        alert("请求您的地理位置超时");
        break;
        case error.UNKNOWN_ERROR:
        alert("未知错误");
        break;
      }
    }
    

    二、百度地图api定位

    (1)HTML

    因为是通过react,所以在html中需要定义一个全局的BMap对象

        <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxx"></script>
        <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
        <script>
          window.BMap = BMap
        </script>

    (2)jsx

        let BMap = window.BMap
        let geolocation = new BMap.Geolocation()
        
        geolocation.enableSDKLocation(); //允许SDK辅助
        geolocation.getCurrentPosition(function (r) {
          if(this.getStatus() == 0){
            console.log(r)
          }
        })
    

    (3)成功后返回结果

    三 、腾讯地图api定位

    (1)HTML

    <iframe id="geoPage" width=0 height=0 frameborder=0  style="display:none;" scrolling="no"
        src="https://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
    </iframe>

    (2)javascript

    window.addEventListener('message', function(event) {
        // 接收位置信息
        var loc = event.data;
        console.log('location', loc);
    }, false)       ;
    setTimeout(function() {
        if (!_this.loc) {
           console.log('定位超时')
        }
    }, 6000) // 6s为推荐值,业务调用方可根据自己的需求设置改时间,不建议太短

    (3)成功后返回结果

    百度地图api定位的结果是BD09坐标系,腾讯定位的结果是火星坐标系,如需使用,需将其转换到对应的坐标系。

    展开全文
  • android 百度地图定位当前位置及POI搜索(源码)

    千次下载 热门讨论 2015-01-11 01:59:25
    它是android使用V2_4_1版本显示百度地图,同时搜索城市定位到该城市地图,输入关键字能显示POI感兴趣的内容,并添加覆盖物标注出来,如KTV...同时包括定位当前位置,通过LocSDK中函数实现,免费资源希望对大家有所帮助~
  • vue 高德地图获取当前位置

    千次阅读 2019-07-09 19:57:47
    vue 高德地图获取当前位置1.引入高德地图2.添加定位插件 1.引入高德地图 上一篇博客中已经详细讲解了如何在vue项目中引入高德地图,因此不再赘述。 2.添加定位插件 在引入高德地图的基础上,添加定位插件。如下...
  • 百度地图API获取当前位置

    万次阅读 2018-12-11 17:05:25
    异步加载获取当前位置 //百度地图API功能 function loadJScript() { var script = document.createElement("script"); script.type = "text/javascript"; script.src = "...
  • 进入地图界面,会自动获取当前位置(用户需授权地理位置权限),并显示省市区在左上角,根据个人需求,我只显示了区 b.大头针实现,拖动地图,大头针都能获取到位置 c.左下角定位当前位置实现,当移动地图到别的位置...
  • VBA有没有哪个函数可以从当前位置向上查找(例如字母a),返回a所在单元格的位置
  • 如何设置Xcode模拟器地图的当前位置

    千次阅读 2017-11-08 14:59:09
    使用模拟器上的地图的话,需要设置当前位置,开启定位后,才能定位准确。
  • js在当前位置弹出弹框

    千次阅读 2018-07-11 10:31:32
    首先先设置一个div, 其次,js代码: $('body').on('mouseover','.voltage-img',function(){... #获取当前位置 $(&quot;#box-data&quot;).show().css({ #控制弹框位置为当前位置 left:p.left-15, top...
  • mac 当前位置打开终端

    千次阅读 2017-06-27 20:33:45
    做开发时经常会遇到在当前目录打开终端的情况,这一功能 可以通过简单的配置来实现。功能使用方法:注意:一定要点中文件夹,右击空白地方弹出的右键菜单是不会有“服务”项的。配置方式:点击屏幕顶部的“Finder”...
  • 小程序获取当前位置的经纬度

    千次阅读 2018-08-13 17:41:09
    小程序获取当前位置的经纬度 wx.getLocation({ type: 'wgs84', success: function (res) { console.log(res); }, fail: function (res) { console.log(res); } })...
  • 微信小程序开发交流qq群 173683895 承接微信小程序开发。...获取当前位置经纬度 onLoad: function (options) { var that = this; campaign_id = campaign_id wx.getLocation({ type: 'wgs84', s...
  • js中获取元素的当前位置

    万次阅读 2016-10-24 16:23:39
    js中获取当前位置有如下几种方法: event.offsetWidth, event.offsetHeight, event.clientX, event.clienY, event.scrennX, event.screenY, 他们的区别如下: 可以看出, event.screenX和event.screenY是相对于...
  • JavaScript获取鼠标当前位置的三种方法 在日常的网页操作中,常常会遇到鼠标交互的问题,可能会需要知道鼠标的坐标。以下提供了三种方法获取鼠标的坐标。 在这之前需要知道屏幕、浏览器窗口和文档的区别。 相...
  • 浏览器获取当前位置

    万次阅读 2018-12-13 16:22:08
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;...获取当前地理位置&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;window.navigator.geol
  • 最近在做一个功能,需要完成一个面包屑导航,实现动态显示当前位置,大神们求帮助![图片说明](https://img-ask.csdn.net/upload/201703/28/1490686398_151332.png)
  • 在做一个小项目时,使用到百度地图定位功能,在获取到当前经纬度之后,需要获取当前位置信息和当前城市。通过API可以看到提供了两个方法来获取。在位置改变的回调函数中调用 public class MyLocationListener ...
  • H5获取用户当前位置,粗略分为3种方法: 1、H5自带的方法,获取经纬度 2、通过地图提供的JS。获取位置 3、通过微信的API(这个需要公众号 / 小程序) 1、通过H5自带的获取经纬度的方法 优点: 需要引用的资源较少,...
  • 关于获取用户当前位置,微信官方文档使用wx.getLocation()来让用户授权位置信息 wx.getLocation({  type: 'wgs84',//默认为 wgs84 返回 gps 坐标,gcj02 返回可用于wx.openLocation的坐标  success: function...
  • 使用百度地图,定位你当前位置并显示1、准备 注册百度开发者账号 到百度地图开放平台创建应用(as获取SHA1值) 2、将sdk整到你的项目中去- 在你app的gradle.build中添加 dependencies { ...... compile files('libs...
  • Suggestion [3,General]: 找不到命令 webpack,但它确实存在于当前位置。默认情况下,Windows PowerShell 不会从当前位置加载命令。如果信任此命令,请改为键入“.\webpack”。有关详细信息,请参阅 "get-help about...
  • PHPCMS V9当前位置的修改wa
  • vue 获取当前位置经纬度

    千次阅读 2020-01-11 12:01:08
    var errorType = ['您拒绝共享位置信息', '获取不到位置信息', '获取位置信息超时']; alert(errorType[error.code - 1]); } ); } }, methods:{ } } 这里获取的经纬度是火星坐标系(也就是 谷歌、高德...
  • vue定位---获取当前位置的详细信息

    万次阅读 2019-08-18 16:01:14
    vue如何获取当前位置的详细信息,总共分为5步。 1、在build文件夹下webpack.base.conf.js文件里面的module.exports中添加如下代码; externals: { 'BMap': 'BMap' } 2、在项目的根目录下,找到index.html文件...
  • 在项目中越来越多的用到了手机的GRS定位功能,使用百度地图API获取当前位置并在地图上标注出来首先应该在官网上注册key 点击获取密钥,注册获取key。 完整代码如下:<!DOCTYPE html> ...
  • 我想根据 Network Provider 获取用户的当前位置,但是没有成功,UpdateLocation()方法也没有被调用。 如何获取用户的当前位置? public void UpdateLocation(Location location) { GeoPoint geoPoint = new ...
  • 在C/C++中可以分别使用 __FILE__ , __FUNCTION__ , __LINE__ 来得到当前位置所在的文件名,函数名,行号 在Python中可以通过模块sys中的函数来获得当前位置所在的文件名,函数名,以及行号 import sys def ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,438,807
精华内容 975,522
关键字:

当前位置