百度地图总结

纯JS百度地图API应用,调用百度地图 纯JS百度地图API应用,调用百度地图,无需后端代码,纯js,申请百度地图开放平台应用,就可以快速在项目中部署百度地图 阅读详情

运行效果图:
这里写图片描述

1、可能出现的2个错误

百度地图只显示网格原因:
原因:

  1. 在第一次运行百度地图时较慢,再加上网络比较差,可能显示网格状态。

  2. 可能 是key值不对(这个可能性比较大)


出现“finished with non-zero exit value 2”的错误:

这个错误一般出现在jar包上,可能有重复的jar包,如果没有重复的jar包,则把jar都删除,重新添加到项目中

2、目录放置不对导致出错

在eclipse和android studio中放置的目录是不一样的。armeabi必须在jniLibs目录下,jniLibs位于src/main目录下;
这里写图片描述
eclipse中目录放置:
这里写图片描述

3、对于arm64,armabi,armeabi-v7a,x86,x86-64包。导入这些包主要是为了匹配不同cpu类型的手机

针对ARM公司发布的处理器:
armeabi————–就是针对普通的或旧的arm v5 cpu
armeabi-v7a———是针对有浮点运算或高级扩展功能的arm v7 cpu。
armeabi-v7a——–(32位ARM设备)
arm64-v8a———(64位ARM设备

4、设置当前的缩放级别 :

 MapStatusUpdate u = MapStatusUpdateFactory.zoomTo(15);
 mMapView.getMap().animateMapStatus(u);

5、定位到我的位置:

 mLocClient = new LocationClient(this);
        mLocClient.registerLocationListener(myListener);
        LocationClientOption option = new LocationClientOption();
        option.setOpenGps(true);// 打开gps
        option.setCoorType("bd09ll"); // 设置坐标类型
        option.setScanSpan(1000);
        mLocClient.setLocOption(option);
        mLocClient.start();

6、聊天界面中发送当前位置。在百度地图界面得到经纬度,返回的时候调用一个接口,能过这个接口可以生成一张小图片,并且可以点击进入地图。

:http://api.map.baidu.com/staticimage?width=400&height=200center=北京&markers=天安门|116.403874,39.914888&zoom=17&markerStyles=s,A,0xff0000
它会生成一张这样的图片:
这里写图片描述
这样就可以实现发送位置的功能。

7、得到经纬度,和当前位置的信息:

 public BDLocationListener myListener = new BDLocationListener() {
        @Override
        public void onReceiveLocation(BDLocation location) {
            // 如果定位失败,返回;
            if (location == null || mMapView == null)
                return;
            MyLocationData locData = new MyLocationData.Builder()
                    .accuracy(location.getRadius())
                            // 此处设置开发者获取到的方向信息,顺时针0-360
                    .direction(100).latitude(location.getLatitude())
                    .longitude(location.getLongitude()).build();
            baiduMap.setMyLocationData(locData);
            Log.i(TAG, location.getLatitude() + "纬度");
            Log.i(TAG, location.getLongitude() + "经度");
            //根据经纬度获取当前的位置
            location.getAddrStr();
            Log.i(TAG,  location.getAddrStr());

            if (isFirstLoc) {
                isFirstLoc = false;


                LatLng ll = new LatLng(location.getLatitude(),
                        location.getLongitude());
                MapStatusUpdate u = MapStatusUpdateFactory.newLatLngZoom(ll, 16);   
//              MapStatusUpdate u = MapStatusUpdateFactory.newLatLng(ll);
                baiduMap.animateMapStatus(u);
            }
        }
    };

代码如下:

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

    <com.baidu.mapapi.map.MapView
        android:id="@+id/bmapView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:clickable="true" />

    <ImageView
        android:id="@+id/iv_location"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="60dp"
        android:layout_marginRight="10dp"
        android:src="@drawable/weizhi" />
</RelativeLayout>

在Activity中的代码如下:

public class MainActivity extends Activity {
    // 定位相关
    LocationClient mLocClient;
    public MyLocationListenner myListener = new MyLocationListenner();
    private LocationMode mCurrentMode;
    BitmapDescriptor mCurrentMarker;
    boolean isFirstLoc = true;// 是否首次定位

    private ImageView iv_location;
    MapView mMapView = null;
    BaiduMap mBaiduMap;

    public static BDLocation myPos = null;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //在使用SDK各组件之前初始化context信息,传入ApplicationContext
        //注意该方法要再setContentView方法之前实现
        SDKInitializer.initialize(getApplicationContext());
        setContentView(R.layout.activity_main);
        //获取地图控件引用
        mMapView = (MapView) findViewById(R.id.bmapView);
        iv_location = (ImageView) findViewById(R.id.iv_location);
        iv_location.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                mCurrentMode = LocationMode.FOLLOWING;
                mBaiduMap
                        .setMyLocationConfigeration(new MyLocationConfiguration(
                                mCurrentMode, true, mCurrentMarker));
            }
        });
        MapStatusUpdate u = MapStatusUpdateFactory.zoomTo(15);
        mMapView.getMap().animateMapStatus(u);
        mBaiduMap = mMapView.getMap();


        mBaiduMap.setMyLocationEnabled(true);
        // 定位初始化
        mLocClient = new LocationClient(this);
        mLocClient.registerLocationListener(myListener);
        LocationClientOption option = new LocationClientOption();
        option.setOpenGps(true);// 打开gps
        option.setCoorType("bd09ll"); // 设置坐标类型
        option.setScanSpan(1000);
        mLocClient.setLocOption(option);
        mLocClient.start();

    }
    public class MyLocationListenner implements BDLocationListener {

        @Override
        public void onReceiveLocation(BDLocation location) {
            // map view 销毁后不在处理新接收的位置
            if (location == null || mMapView == null) {
                return;
            }
            MyLocationData locData = new MyLocationData.Builder()
                    .accuracy(location.getRadius())
                            // 此处设置开发者获取到的方向信息,顺时针0-360
                    .direction(100).latitude(location.getLatitude())
                    .longitude(location.getLongitude()).build();
            mBaiduMap.setMyLocationData(locData);
            Log.i("--------locdata",location.getLongitude()+":"+location.getLatitude()+"");
            if (isFirstLoc) {
                isFirstLoc = false;
                LatLng ll = new LatLng(location.getLatitude(),
                        location.getLongitude());
                MapStatusUpdate u = MapStatusUpdateFactory.newLatLng(ll);
                mBaiduMap.animateMapStatus(u);
            }

        }

        public void onReceivePoi(BDLocation poiLocation) {
        }

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

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

    @Override
    protected void onDestroy() {
        // 退出时销毁定位
        mLocClient.stop();
        // 关闭定位图层
        mBaiduMap.setMyLocationEnabled(false);
        mMapView.onDestroy();
        mMapView = null;
        super.onDestroy();
    }

}

权限比较多:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.test" >
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
    <uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" />
    <uses-permission android:name="android.permission.WAKE_LOCK"/>
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
    <uses-permission android:name="android.permission.GET_TASKS" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    <uses-permission android:name="android.permission.WRITE_SETTINGS" />
    <uses-permission android:name="android.permission.GET_ACCOUNTS" />
    <uses-permission android:name="android.permission.USE_CREDENTIALS" />
    <uses-permission android:name="android.permission.MANAGE_ACCOUNTS" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
    <uses-permission android:name="android.permission.BROADCAST_STICKY" />

    <!-- 这个权限用于进行网络定位 -->
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" >
    </uses-permission>
    <!-- 这个权限用于访问GPS定位 -->
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" >
    </uses-permission>
    <!-- 用于访问wifi网络信息,wifi信息会用于进行网络定位 -->
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" >
    </uses-permission>
    <!-- 获取运营商信息,用于支持提供运营商信息相关的接口 -->
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" >
    </uses-permission>
    <!-- 这个权限用于获取wifi的获取权限,wifi信息会用来进行网络定位 -->
    <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" >
    </uses-permission>
    <!-- 用于读取手机当前的状态 -->
    <uses-permission android:name="android.permission.READ_PHONE_STATE" >
    </uses-permission>
    <!-- 写入扩展存储,向扩展卡写入数据,用于写入离线定位数据 -->
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" >
    </uses-permission>
    <!-- 访问网络,网络定位需要上网 -->
    <uses-permission android:name="android.permission.INTERNET" />
    <!-- SD卡读取权限,用户写入离线定位数据 -->
    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" >
    </uses-permission>
    <!-- 允许应用读取低级别的系统日志文件 -->
    <uses-permission android:name="android.permission.READ_LOGS" >
    </uses-permission>
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <meta-data
            android:name="com.baidu.lbsapi.API_KEY"
            android:value="ADDChfKew0oOZkA1VY5q2ugi" />
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>
项目中加入百度地图(调用百度地图的接口) 这里用html调用百度地图做样例 先总结一下步骤, 首先需要注册账号,绑定之类的,然后申请一个AK密匙 然后在百度地图的Demo中替换成自己的AK密匙就行 点击链接 创建应用 根据你的需要选择创建相对应的应用 申请完ak,进行下一步,寻找你所需要的 寻找示例Demo 找到你想要的地图样式,复制对应的代码 这里的密匙换成我们上面注册的那个页面的AK 运行即可, <html> <head> <meta http-equiv="Content-Type" content= 阅读详情

相关推荐

前端百度地图添加点并跳转到百度地图进行导航

this.getStatus()在安卓系统中是BMAP_STATUS_SUCCESS,其他pc和ios获取不到精准位置。前端有时候需要做地图展示,我一般用的地图是天地图和百度地图,大家可以通过官网来制作地图。其中map是放地图的容器,一定要给这个div设置宽和高,不然不显示。3.ios:网页当前位置只能获取市,但打开百度地图app是精准的。1.pc端:打开导航,位置不精准,但可以用鼠标拖动来更改路线。2.安卓:网页当前位置精准,打开百度地图app同样的。申请秘钥、 展示地图、demo参考来制作地图。

weixin_51609337的博客 3640

opengl Framebuffer is incomplete: No attachments and default size is zero 问题解决

opengl Framebuffer is incomplete: No attachments and default size is zero 错误问题的解决方式

vily_lei的专栏 2487

Vue+Echarts+百度地图 小例子

刚学完Echarts后,看到一些官方例子,粘贴代码下来却实现不了相应的效果,经过一番了解,发现还要引入百度地图,记录详细过程如下。 1、安装echarts(使用3.x,4.x) npm install echarts --save 通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。可以直接在项目代码中 require(‘echarts’) 得到 ECharts。 ECharts 目前暂停地图下载,所以使用百度地图作为底图,需要安装百度地图扩展 2、安装.

Superman_peng的博客 2393

Opengl FBO Error: GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

今天在使用 FBO组件的时候,因为误操作将绑定到 FrameBufferATTACHMENT0 上的纹理,又绑定到同一个Frame Buffer的ATTACHMENT1上,就出现了 GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete 这个错误。因为是误操作,所以查了一阵子,真是手误耽搁时间,欲哭又止。 ...

vily_lei的专栏 6358

在网页中接入百度地图

百度地图API点击打开链接 打开百度地图API图如下 第一步创建地图: 1.查找所要定位的地方,2.中心点纬度可以用鼠标拖拽地图设置,3.当前地图级别即是地图缩放级别 第二步设置地图: 这里其实默认设置即可,等一下可以直接用代码改地图参数。 第三步添加标注 1.添加点标记,在地图中按鼠标左键即可标记位置,左面设置参数并且保存。(可设置多个标注) 2.

测试猫 6849

百度地图 地图选点

最近要做一个导航项目,看了百度地图app后,自己的项目中要用到地图选点功能,于是在网上找地图选点功能,找是找到了,可是对于现在的百度地图sdk不再适用,于是自己根据api文档自己研究了一下。 import com.baidu.location.BDLocation; import com.baidu.location.BDLocationListener; import com.baidu.lo

菩提树下的小妖 7388

WebGL渲染错误:GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

出现这个framebuffer is incomplete的错误,一般是由于rendertarget设置有问题,比如缓冲区目标是否有效、使用上有没有冲突以及缓冲的尺寸是否设置非法等。

陈小峰(iefreer)的专栏 8737

在Fragment中使用百度地图

在Activity中使用百度地图,官方文档是这样安排的。http://developer.baidu.com/map/index.php?title=androidsdk/guide/hellobaidumap 第四步,在应用程序创建时初始化 SDK引用的Context 全局变量: public class MainActivity extends Activity {

yxhuang2008的专栏 3959

Frame buffer object is incomplete: 36054

百度地图API

pacong的博客 2640

echarts使用百度地图

echarts使用百度地图的教程,相当好用

秋来九月八 4502

echarts加载离线百度地图

最近在做一个国网的一个项目,需要实现一些热力图以及冒泡式的标注等;而且需要在内网使用,感觉使用 echarts 就可以简单的实现无需加载类似 openlayers ,leaflet 等 webgis 框架然后再发布地图服务实现。下面就写一下实现的过程。 实现思路 百度地图API文件 创建本地工具资源文件getModules.js 地图瓦片 百度地图API文件 下载 API 文件 首先需要准备离线的百度地图 API 文件,浏览器打开地址:http://api.map.baidu.com/api?v=2.0

jiegiser博客 4586

如何调用百度地图API

百度地图API提供了多种服务,包括地图展示、路线规划、地点搜索、实时交通等。

. 1万+

解决docker返回WSL 2 installation is incomplete.

1、检查Windows功能是否已开启wsl 2、如果已开启,则直接运行wsl的插件

【百度地图】百度地图的使用方法 和 在vue中如何使用百度地图(超详细)

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富、交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发。

1万+

STM32硬件SPI驱动ADS1220实战:从零搭建高精度数据采集系统(附避坑指南)

本文详细介绍了使用STM32硬件SPI驱动24位高精度ADC芯片ADS1220的完整实战方案。内容涵盖从硬件设计、CubeMX工程配置、SPI通信底层实现到数据读取策略与性能优化的全流程,并重点分享了多通道切换、噪声抑制等关键避坑指南,帮助开发者构建稳定可靠的高精度数据采集系统。

o4p5q6r7s的博客 450

Weblogic安装与部署

27.免密登录,在目录Oracle\Middleware\Oracle_Home\user_projects\domains\base_domain\servers\AdminServer和Oracle\Middleware\Oracle_Home\user_projects\domains\base_domain\servers\Server-TA目录下,新建security\boot.properties文件,13.点击新建按钮,填写服务器名称,服务器监听地址,再点击下一步,最后点击完成。

m0_46259466的博客 6635

使用百度地图API在页面添加百度地图应用

目录: 页面预览 准备工作 代码实现 相关链接 本文我们使用百度提供的地图API,通过8行代码就可在自己的网页引入百度地图的应用。操作十分便捷,功能又十分强大。1、页面预览很多时候我们希望在自己的页面中嵌入一个地图应用,方便向他人直观地提供自己的位置信息。本文我们利用百度提供的api,在自己的网页中嵌入百度地图的应用。完成后界面预览如上图所示,当然我们这里只关注图中百度地图那一块。2、准备工作百度地

王浴昊 1万+

esp32 python开发环境搭建_eclipse esp32开发环境搭建

安装方法基本是按照官网提供的方法来操作https://github.com/espressif/idf-eclipse-plugin#GettingStarted但是官网的方法安装之后还是不能编译成功的,第一次编译会出现一下问题问题1:Building in: E:\eclipse-workspace\helloworlk\buildcmake -G Ninja -DCMAKE_TOOLCHAIN...

weixin_39978276的博客 1263

在Qt中添加显示百度地图的View

在Qt中添加显示百度地图view 1,通过百度地图API获取html代码 百度地图API网址链接http://api.map.baidu.com/lbsapi/creatmap/ 进去后查找武汉大学,获取以武汉大学为中心的地图,随后根据个人设置地图格式或添加标注,最后获取html代码。新建一个html文件map.html,把刚获取的代码粘贴进去。 2,使用webengine在Qt中显示 Qt5改版...

qq_36662876的博客 2863

华为数通---配置风暴控制案例

风暴控制可以通过阻塞报文或关闭端口来阻断广播、未知组播和未知单播报文的流量。

2301_77081516的博客 1624

AI应用架构师总结:智能问答系统用户意图识别的8种方法与实践!

意图识别是智能问答系统的大脑入口,其技术水平决定了系统能否准确捕捉用户的核心诉求。本文系统剖析了从基础规则到前沿PLM的8种核心意图识别方法透明简单,冷启动快,维护成本高。中等规模场景基线,依赖特征工程。利用词义和局部/序列信息,训练成本高。当前最优精度,需大量资源。添加意图灵活,冷启动友好,精度可能略逊。提升鲁棒性,系统变复杂。解决歧义和自然交互的关键(多轮)。增强专业领域理解和推理能力。成功的意图识别模块需要:精准的意图定义(Schema)是前提!

AI云原生与云计算技术学院 1632

如何在Axure中插入百度地图

2020-11-20 今日份axure小技巧——如何在Axure中插入百度地图 主要功能: 自定义显示框内显示地图; 可手动拖拽查看地图可显示区域; 实例演示: 实现步骤: 打开百度地图生成器,点击链接就好:http://api.map.baidu.com/lbsapi/creatmap/index.html 可以在左边区域设置好自己想要的参数。 获取百度地图API代码: 点击复制代码。 在本地新建一个文本文档,粘贴刚刚复制的代码,然后修改文件名后后缀为“mymap.html”: 4

玥儿儿儿儿儿 4393

基于YOLOv11的手术器械计数系统:从数据集构建到Web应用部署

m2cai16-tool数据集:包含15种腹腔镜手术器械的标注图像Cholec80数据集:包含80个胆囊切除手术视频,标注了7种器械SurgicalTools数据集:包含超过10,000张手术器械图像,涵盖21类常见器械手术剪(Scissors)止血钳(Hemostat)持针器(Needle Holder)手术刀(Scalpel)镊子(Forceps)拉钩(Retractor)吸引器(Suction)

YOLO 396
上一篇: android头像设置
下一篇: android中联系人搜索框
android_xiaogang
博客等级 码龄12年 89粉丝 142原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值