模仿微信摇一摇/百度地图显示/百度地图路线规划

最新推荐文章于 2023-08-27 22:36:32 发布
最新推荐文章于 2023-08-27 22:36:32 发布
阅读量365 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GaoYue3321/article/details/96021259
版权

模仿微信摇一摇/百度地图显示/百度地图路线规划

模仿微信摇一摇

Activity
public class Main2Activity extends AppCompatActivity implements SensorEventListener {

ImageView up;
ImageView down;
private SensorManager sensorManager;
private Sensor sensor;
private Vibrator vibrator;
private SoundPool soundPool;
private TranslateAnimation animationup;
private TranslateAnimation animationdown;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main2);
    up = findViewById(R.id.iv2);
    down = findViewById(R.id.iv3);

    initData();
}

@Override
protected void onResume() {
    super.onResume();
    sensorManager.registerListener(this,sensor,200);
}

@Override
protected void onPause() {
    super.onPause();
    sensorManager.unregisterListener(this);
}

private void initData() {
    sensorManager = (SensorManager) getSystemService(Context.SENSOR_SERVICE);
    sensor = sensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);

    vibrator = (Vibrator) getSystemService(Context.VIBRATOR_SERVICE);
    soundPool = new SoundPool(5,AudioManager.STREAM_MUSIC,0);
    soundPool.load(this,R.raw.wx,1);

   animationup = new TranslateAnimation(0, 0, 0, -100);
   animationdown = new TranslateAnimation(0, 0, 0, 100);

}

@Override
public void onSensorChanged(SensorEvent event) {
    float[] values = event.values;
    float x = values[0];
    float y = values[1];
    float z = values[2];

    if (Math.abs(x)>15 || Math.abs(y)>15 || Math.abs(z)>15){
        long[] patten = {300,500};
        vibrator.vibrate(patten,-1);
        soundPool.play(1,1,1,1,1,1);

        animationdown.setDuration(500);
        animationup.setDuration(500);

        up.startAnimation(animationup);
        down.startAnimation(animationdown);

    }
}

@Override
public void onAccuracyChanged(Sensor sensor, int accuracy) {

}
}

布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity">

<ImageView
    android:layout_centerInParent="true"
    android:id="@+id/iv1"
    android:src="@drawable/shakehideimg_man2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
<LinearLayout
    android:gravity="center"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <ImageView
        android:id="@+id/iv2"
        android:src="@drawable/shake_logo_up"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/iv3"
        android:src="@drawable/shake_logo_down"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

</RelativeLayout>

效果
在这里插入图片描述

百度地图实现

百度地图注册

百度地图SDK申请密钥
权限

<uses-permission android:name="android.permission.VIBRATE" />
    <!--允许程序打开网络套接字-->
    <uses-permission android:name="android.permission.INTERNET" />
    <!--允许程序设置内置sd卡的写权限-->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <!--允许程序获取网络状态-->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <!--允许程序访问WiFi网络信息-->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <!--允许程序读写手机状态和身份-->
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <!--允许程序访问CellID或WiFi热点来获取粗略的位置-->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
    <!--用于访问GPS定位-->
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"></uses-permission>
    <!--用于获取wifi的获取权限，wifi信息会用来进行网络定位-->
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE"></uses-permission>
    <!--用于申请调用A-GPS模块-->
    <uses-permission android:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"></uses-permission>
    <!--用于申请获取蓝牙信息进行室内定位-->
    <uses-permission android:name="android.permission.BLUETOOTH"></uses-permission>
    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN"></uses-permission>
    <uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" />
    <uses-permission android:name="android.permission.WAKE_LOCK"/>
    <uses-permission android:name="android.permission.GET_TASKS" />

build.gradle里额外配置一句

 sourceSets {
        main {
            jniLibs.srcDir 'libs'
        }
    }

添加开发密钥

<application>  
    <meta-data  
        android:name="com.baidu.lbsapi.API_KEY"  
        android:value="开发者 key" />  
</application>

布局

<com.baidu.mapapi.map.MapView
        android:id="@+id/myMap1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></com.baidu.mapapi.map.MapView>

MyApplication类代码

public class MyApplication extends Application {
    @Override
    public void onCreate() {
        super.onCreate();
        SDKInitializer.initialize(this);
    }
}

Activity

public class Main3Activity extends AppCompatActivity {

MapView mapView;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main3);
    mapView = findViewById(R.id.myMap1);
}
}

效果
在这里插入图片描述

百度地图路线规划

Activity

public class Main3Activity extends AppCompatActivity implements BaiduMap.OnMapClickListener, OnGetRoutePlanResultListener {

Button mBtnPre = null;//上一个节点
Button mBtnNext = null;//下一个节点
int nodeIndex = -1;//节点索引,供浏览节点时使用
RouteLine route = null;
OverlayManager routeOverlay = null;
boolean useDefaultIcon = false;
private TextView popupText = null;

//地图相关，使用继承MapView的MyRouteMapView目的是重写touch事件实现泡泡处理
//如果不处理touch事件，则无需继承，直接使用MapView即可
MapView mMapView = null;    // 地图View
BaiduMap mBaidumap = null;
//搜索相关
RoutePlanSearch mSearch = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    SDKInitializer.initialize(getApplicationContext());
    setContentView(R.layout.activity_main3);

    CharSequence titleLable = "路线规划功能";
    setTitle(titleLable);
    //初始化地图
    mMapView = (MapView) findViewById(R.id.map);
    mBaidumap = mMapView.getMap();

    //设定中心点坐标
    LatLng cenpt = new LatLng(37.52,121.39);
    //定义地图状态
    MapStatus mMapStatus = new MapStatus.Builder()
            .target(cenpt)
            .build();
    //定义MapStatusUpdate对象，以便描述地图状态将要发生的变化
    MapStatusUpdate mMapStatusUpdate = MapStatusUpdateFactory.newMapStatus(mMapStatus);
    //改变地图状态
    mBaidumap.setMapStatus(mMapStatusUpdate);
    mBtnPre = (Button) findViewById(R.id.pre);
    mBtnNext = (Button) findViewById(R.id.next);
    mBtnPre.setVisibility(View.INVISIBLE);
    mBtnNext.setVisibility(View.INVISIBLE);
    //地图点击事件处理
    mBaidumap.setOnMapClickListener(this);
    // 初始化搜索模块，注册事件监听
    mSearch = RoutePlanSearch.newInstance();
    mSearch.setOnGetRoutePlanResultListener(this);


}

public void SearchButtonProcess(View v) {
    //重置浏览节点的路线数据
    route = null;
    mBtnPre.setVisibility(View.INVISIBLE);
    mBtnNext.setVisibility(View.INVISIBLE);
    mBaidumap.clear();
    // 处理搜索按钮响应
    EditText editSt = (EditText) findViewById(R.id.start);
    EditText editEn = (EditText) findViewById(R.id.end);
    //设置起终点信息，对于tranist search 来说，城市名无意义
    PlanNode stNode = PlanNode.withCityNameAndPlaceName("北京", editSt.getText().toString());
    PlanNode enNode = PlanNode.withCityNameAndPlaceName("北京", editEn.getText().toString());

    // 实际使用中请对起点终点城市进行正确的设定
    if (v.getId() == R.id.drive) {
        mSearch.drivingSearch((new DrivingRoutePlanOption())
                .from(stNode)
                .to(enNode));
    } else if (v.getId() == R.id.transit) {
        mSearch.transitSearch((new TransitRoutePlanOption())
                .from(stNode)
                .city("北京")
                .to(enNode));
    } else if (v.getId() == R.id.walk) {
        mSearch.walkingSearch((new WalkingRoutePlanOption())
                .from(stNode)
                .to(enNode));
    }
}

public void nodeClick(View v) {
    if (route == null ||
            route.getAllStep() == null) {
        return;
    }
    if (nodeIndex == -1 && v.getId() == R.id.pre) {
        return;
    }
    //设置节点索引
    if (v.getId() == R.id.next) {
        if (nodeIndex < route.getAllStep().size() - 1) {
            nodeIndex++;
        } else {
            return;
        }
    } else if (v.getId() == R.id.pre) {
        if (nodeIndex > 0) {
            nodeIndex--;
        } else {
            return;
        }
    }
    //获取节结果信息
    LatLng nodeLocation = null;
    String nodeTitle = null;
    Object step = route.getAllStep().get(nodeIndex);
    if (step instanceof DrivingRouteLine.DrivingStep) {
        nodeLocation = ((DrivingRouteLine.DrivingStep) step).getEntrance().getLocation();
        nodeTitle = ((DrivingRouteLine.DrivingStep) step).getInstructions();
    } else if (step instanceof WalkingRouteLine.WalkingStep) {
        nodeLocation = ((WalkingRouteLine.WalkingStep) step).getEntrance().getLocation();
        nodeTitle = ((WalkingRouteLine.WalkingStep) step).getInstructions();
    } else if (step instanceof TransitRouteLine.TransitStep) {
        nodeLocation = ((TransitRouteLine.TransitStep) step).getEntrance().getLocation();
        nodeTitle = ((TransitRouteLine.TransitStep) step).getInstructions();
    }

    if (nodeLocation == null || nodeTitle == null) {
        return;
    }
    //移动节点至中心
    mBaidumap.setMapStatus(MapStatusUpdateFactory.newLatLng(nodeLocation));
    // show popup
    popupText = new TextView(Main3Activity.this);
    popupText.setBackgroundResource(R.drawable.icon_st);
    popupText.setTextColor(0xFF000000);
    popupText.setText(nodeTitle);
    mBaidumap.showInfoWindow(new InfoWindow(popupText,nodeLocation,0));


}


@Override
protected void onRestoreInstanceState(Bundle savedInstanceState) {
    super.onRestoreInstanceState(savedInstanceState);
}

@Override
public void onGetWalkingRouteResult(WalkingRouteResult result) {
    if (result == null || result.error != SearchResult.ERRORNO.NO_ERROR) {
        Toast.makeText(Main3Activity.this, "抱歉，未找到结果", Toast.LENGTH_SHORT).show();
    }
    if (result.error == SearchResult.ERRORNO.AMBIGUOUS_ROURE_ADDR) {
        //起终点或途经点地址有岐义，通过以下接口获取建议查询信息
        //result.getSuggestAddrInfo()
        return;
    }
    if (result.error == SearchResult.ERRORNO.NO_ERROR) {
        nodeIndex = -1;
        mBtnPre.setVisibility(View.VISIBLE);
        mBtnNext.setVisibility(View.VISIBLE);
        route = result.getRouteLines().get(0);
        WalkingRouteOverlay overlay = new MyWalkingRouteOverlay(mBaidumap);
        mBaidumap.setOnMarkerClickListener(overlay);
        routeOverlay = overlay;
        overlay.setData(result.getRouteLines().get(0));
        overlay.addToMap();
        overlay.zoomToSpan();
    }

}

@Override
public void onGetTransitRouteResult(TransitRouteResult result) {

    if (result == null || result.error != SearchResult.ERRORNO.NO_ERROR) {
        Toast.makeText(Main3Activity.this, "抱歉，未找到结果", Toast.LENGTH_SHORT).show();
    }
    if (result.error == SearchResult.ERRORNO.AMBIGUOUS_ROURE_ADDR) {
        //起终点或途经点地址有岐义，通过以下接口获取建议查询信息
        //result.getSuggestAddrInfo()
        return;
    }
    if (result.error == SearchResult.ERRORNO.NO_ERROR) {
        nodeIndex = -1;
        mBtnPre.setVisibility(View.VISIBLE);
        mBtnNext.setVisibility(View.VISIBLE);
        route = result.getRouteLines().get(0);
        TransitRouteOverlay overlay = new MyTransitRouteOverlay(mBaidumap);
        mBaidumap.setOnMarkerClickListener(overlay);
        routeOverlay = overlay;
        overlay.setData(result.getRouteLines().get(0));
        overlay.addToMap();
        overlay.zoomToSpan();
    }
}

@Override
public void onGetMassTransitRouteResult(MassTransitRouteResult massTransitRouteResult) {

}

@Override
public void onGetDrivingRouteResult(DrivingRouteResult result) {
    if (result == null || result.error != SearchResult.ERRORNO.NO_ERROR) {
        Toast.makeText(Main3Activity.this, "抱歉，未找到结果", Toast.LENGTH_SHORT).show();
    }
    if (result.error == SearchResult.ERRORNO.AMBIGUOUS_ROURE_ADDR) {
        //起终点或途经点地址有岐义，通过以下接口获取建议查询信息
        //result.getSuggestAddrInfo()
        return;
    }
    if (result.error == SearchResult.ERRORNO.NO_ERROR) {
        nodeIndex = -1;
        mBtnPre.setVisibility(View.VISIBLE);
        mBtnNext.setVisibility(View.VISIBLE);
        route = result.getRouteLines().get(0);
        DrivingRouteOverlay overlay = new MyDrivingRouteOverlay(mBaidumap);
        routeOverlay = overlay;
        mBaidumap.setOnMarkerClickListener(overlay);
        overlay.setData(result.getRouteLines().get(0));
        overlay.addToMap();
        overlay.zoomToSpan();
    }
}

@Override
public void onGetIndoorRouteResult(IndoorRouteResult indoorRouteResult) {

}

@Override
public void onGetBikingRouteResult(BikingRouteResult bikingRouteResult) {

}

//定制RouteOverly
private class MyDrivingRouteOverlay extends DrivingRouteOverlay {

    public MyDrivingRouteOverlay(BaiduMap baiduMap) {
        super(baiduMap);
    }

    @Override
    public BitmapDescriptor getStartMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_st);
        }
        return null;
    }

    @Override
    public BitmapDescriptor getTerminalMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_en);
        }
        return null;
    }
}

private class MyWalkingRouteOverlay extends WalkingRouteOverlay {

    public MyWalkingRouteOverlay(BaiduMap baiduMap) {
        super(baiduMap);
    }

    @Override
    public BitmapDescriptor getStartMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_st);
        }
        return null;
    }

    @Override
    public BitmapDescriptor getTerminalMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_en);
        }
        return null;
    }
}

private class MyTransitRouteOverlay extends TransitRouteOverlay {

    public MyTransitRouteOverlay(BaiduMap baiduMap) {
        super(baiduMap);
    }

    @Override
    public BitmapDescriptor getStartMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_st);
        }
        return null;
    }

    @Override
    public BitmapDescriptor getTerminalMarker() {
        if (useDefaultIcon) {
            return BitmapDescriptorFactory.fromResource(R.drawable.icon_en);
        }
        return null;
    }
}

@Override
public void onMapClick(LatLng point) {
    mBaidumap.hideInfoWindow();
}

@Override
public boolean onMapPoiClick(MapPoi poi) {
    return false;
}

@Override
protected void onPause() {
    mMapView.onPause();
    super.onPause();
}

@Override
protected void onResume() {
    mMapView.onResume();
    super.onResume();
}

@Override
protected void onDestroy() {
    mSearch.destroy();
    mMapView.onDestroy();
    super.onDestroy();
}

}

布局xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".Main3Activity">

<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="起点：" />
    <EditText
        android:id="@+id/start"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:text="西二旗地铁站" >
        <requestFocus />
    </EditText>
</LinearLayout>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="终点：" />
    <EditText
        android:id="@+id/end"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:ems="10"
        android:text="百度科技园" >
        <requestFocus />
    </EditText>
</LinearLayout>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginBottom="5dip"
    android:layout_marginTop="5dip"
    android:orientation="horizontal" >
    <Button
        android:id="@+id/drive"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="2dip"
        android:layout_marginRight="2dip"
        android:layout_weight="1.0"
        android:onClick="SearchButtonProcess"
        android:text="驾车搜索" />
    <Button
        android:id="@+id/transit"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="2dip"
        android:layout_marginRight="2dip"
        android:layout_weight="1.0"
        android:onClick="SearchButtonProcess"
        android:text="公交搜索" />
    <Button
        android:id="@+id/walk"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_marginLeft="2dip"
        android:layout_marginRight="2dip"
        android:layout_weight="1.0"
        android:onClick="SearchButtonProcess"
        android:text="步行搜索" />
</LinearLayout>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <com.baidu.mapapi.map.MapView
        android:id="@+id/map"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:clickable="true" />

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignWithParentIfMissing="false"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="false"
        android:layout_marginBottom="10dip" >
        <Button
            android:id="@+id/pre"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dip"
            android:layout_marginRight="2dip"
            android:layout_weight="1.0"
            android:background="@drawable/icon_line_node"
            android:onClick="nodeClick" />
        <Button
            android:id="@+id/next"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_marginLeft="2dip"
            android:layout_marginRight="2dip"
            android:layout_weight="1.0"
            android:background="@drawable/icon_bus_station"
            android:onClick="nodeClick" />
    </LinearLayout>
</RelativeLayout>
</LinearLayout>

效果
在这里插入图片描述

GaoYue3321
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android开发 百度地图开发（定位、传感器应用）
keep studying
12-10 3518
前言结合传感器的使用实现百度地图的开发，基本功能包括实时定位。其中利用传感器确定手机朝向并实现图标方位转动以及摇一摇功能的实现。功能介绍 调用百度地图SDK实现地图的展示以及交互，其中包括左下角的按钮，实现的功能如下： 获取当前所在位置与方向，并在百度地图上显示出来，如图中黑色箭头所示，箭头中心位置为定位结果，箭头方向为手机的朝向。 实现简单摇一摇功能，比如我通过摇一摇实现了手机的震动以及更多模式的
百度地图API 微信小程序定位导航 路径规划
08-24
百度地图API 微信小程序定位导航 路径规划
原生js仿微信摇一摇功能 源码 亲测有效可用 可直接套用
05-22
原生js仿微信摇一摇功能 源码 亲测有效可用 可直接套用.
JS 模拟微信摇一摇
最新发布
wm1634208243的博客
08-27 222
2015年的春节，微信借着春晚通过摇一摇抢红包，再一次的走近大家的眼中，创出一个全名抢红包的事情，不知道大家是否都抢到红包了没，别急，让我们自己写一个页面来再一次的过一把瘾吧。所谓抢红包，其实就是微信的摇一摇，不得不说，这个摇一摇的动作在其他的应用里面真的是很少被使用，那么我们如何通过js来实现呢？WRITE-BUG研发团队衷心希望【WRITE-BUG数字空间】可以给每位同学一个属于自己的秘密空间，同时祝愿大家在“公开圈子”世界里，遇见志同道合的伙伴们，因为我们与大家一样，都曾孤独前行着。
js实现手机端摇一摇
banana960531的博客
09-21 2304
实现摇一摇功能，有两种js事件负责处理设备方向的信息，第一种是：DeviceOrientationEvent，它会在加速度传感器检测到设备在方向上产生变化时触发；第二种是：DeviceMotionEvent，它会在加速度发生改变时触发，在这里采用的是第二种方法。 代码如下： 可以通过将该文件放在wamp的web目录下，手机通过跟本地服务器在同一局域网下实现访问，进行摇一摇。 wamp...
【功能实现】手机游戏虚拟摇杆功能实现
Terrell21的博客
04-02 4650
【UNITY3D】 声明： 我也不知道自己是什么怪人，不喜欢第一时间找插件...最后查API和根据自己的想法实现此功能。如果你喜欢我这个实现，希望你能有所收获，如果你能改进那就更棒了，但如果你想直接拿走，希望标明出处。 建议： 还是推荐大家多学学插件。 只需要把脚本交给画布下的空物体,自行自定义以下内容，运行即可生成虚拟摇杆。 提供了检测区域大小的自定义。 提供了摇杆检测区域的图片自...
WeiShake_模仿微信摇一摇_weishake_
10-03
【标题】"WeiShake_模仿微信摇一摇_weishake_" 涉及到的知识点主要集中在移动应用开发领域，特别是与传感器交互和用户交互设计相关。微信摇一摇功能是微信应用中的一个标志性互动方式，用户通过晃动手机来触发特定的...
微信小程序 高德地图路线规划实现过程详解
10-16
在微信小程序中实现高德地图路线规划的过程涉及多个步骤，首先需要了解微信小程序的基本环境和高德地图API的使用。本文将详细介绍这个实现过程，并提供相关的代码示例。 1. 准备工作： - 注册并获取微信小程序的...
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
10-16
这篇文章详细介绍了在微信小程序中如何使用腾讯地图的API将百度地图的坐标转换为腾讯地图的坐标，通过示例代码和步骤指导，让开发者能够将转换后的坐标在腾讯地图上正确显示位置信息。 首先，我们需要了解为什么...
微信小程序-百度地图定位源码
06-12
在微信小程序中集成百度地图定位功能，是一种常见的需求，尤其对于提供本地服务或者地理位置相关应用的开发者来说。本文将详细讲解如何实现这个功能，并探讨相关的技术知识点。 首先，我们需要了解微信小程序的基础...
HTML实现微信“摇一摇”效果 js获取移动设备摇动数据
08-29
纯HTML加JS获取移动设备摇动数据。
仿微信摇一摇
01-28
微信摇一摇是很流行的一个功能，现在很多项目都在模仿，其实他的用法很简单，就是用了加速度传感器
摇一摇js代码
03-20
摇一摇js代码，可在手机端实现摇一摇获得奖品的效果。
JS实现微信摇一摇原理解析
01-19
本文为大家分享了JS实现微信摇一摇的原理，供大家参考，具体内容如下 实现原理： 1.微信摇一摇事件需要有硬件支撑，必须要求手机中有陀螺仪 2.在JS中给window添加ondevectionmotion事件。该事件在手机晃动，即手机中的陀螺仪发生旋转，该事件会触发 3.触发ondevectionmotion事件，会产生一个事件对象，通过该对象中的键值(accelerationIncludingGravity)来获得该重力加速器对象 4.重力加速器对象中含有陀螺仪的坐标，通过重力加速器对象.x – .y – .z 获取陀螺仪当前的坐标 <!DOCTYPE html> <html> <he
js实现手机摇一摇功能
在这个数字革命的时代，我们将引领您穿越去中心化、智能合约、加密货币以及分布式应用程序的世界。无论您是初学者还是经验丰富的区块链开发者，我们都致力于为您提供有价值的信息和见解。
08-30 1528
js的devicemotion事件监控手机晃动，判断用户晃动了手机 // 定义一个摇动的阈值:为了防止正常移动的误判，需要给该变化率设置一个合适的临界值 var shakeThreshold = 500; // 记录上一次摇动的时间 var lastUpdate = 0; // 定义x、y、z记录三个轴的数据以及上一次触发的数据 var x, y, z, lastX, ...
Javascript网页摇一摇
weixin_33795806的博客
05-01 123
function init(){ 　　if (window.DeviceMotionEvent) { 　　　　// 移动浏览器支持运动传感事件 　　　　window.addEventListener('devicemotion', deviceMotionHandler, false); 　　} } var SHAKE_THRESHOLD = 3000; // 定义一个变量保...
js实现摇一摇功能
chueluo0880的博客
04-25 417
实现原理：监听devicemotion事件，通过accelerationIncludingGravity属性获取重力加速度，判断一定时间内重力加速度改变大于某个值，判定为摇动 var SHAKE_THRESHOLD = 4000;//设置判断摇动速度的阀值 var last_update...
仿微信摇一摇功能的实现
谈下一个话题，假如.......
03-04 773
用最基本的android东西写了一个仿照微信摇一摇的功能。下面给出详细的代码。这里写代码片首先贴出布局文件。最底层放一张红色的菊花图片，然后上层放一张手的图片，上层这张图片一分为二，要的时候，添加动画图片的上半部分向上，下办部分向下。ok还是看代码吧~~~。<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http:
微信小程序百度地图路线规划
05-30
好的，您可以参考以下步骤进行微信小程序百度地图路线规划： 1. 在微信小程序中引入百度地图API，并获取地图实例。 2. 通过百度地图API提供的路线规划服务，获取起点和终点之间的路线信息。可以使用以下API： ``...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值