关于使用google map实现周边搜索的功能

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

由于公司项目是针对美国市场，所以接入的是google定位

谷歌地图sdk不像高德地图或者百度地图那么好接入，一方面是纯英文，还有一方面国外文档习惯我们并不习惯，大多写得很简略

我的项目要实现附近宠物店的搜索和附近宠物医院的搜索，在接入谷歌地图用到了以下几个包：

"com.google.android.gms:play-services-maps:15.0.1"
"com.google.android.gms:play-services-location:15.0.1"
"com.google.android.gms:play-services-places:15.0.1"

此外还需要在清单文件中配置对应的

<meta-data
    android:name="com.google.android.geo.API_KEY"
    android:value="@string/google_maps_key"/>

注：在string.xml中的谷歌地图的key的名字必须是google_maps_key

下面实现的搜索的功能：本质上调用的http接口来实现，比较坑的一点是同一个key一天调用的次数最多150000次，如果用户量较大时，要专门交费调整限制次数

1.首先初始化

 

private GoogleApiClient mGoogleApiClient;

private void getLocationList() {
    if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION)
            != PackageManager.PERMISSION_GRANTED) {
        return;
    }
    //创建GoogleAPIClient实例
    if (mGoogleApiClient == null) {
        mGoogleApiClient = new GoogleApiClient.Builder(this)
                .addConnectionCallbacks(this)
                .addApi(Places.GEO_DATA_API)
                .addApi(Places.PLACE_DETECTION_API)
                .addOnConnectionFailedListener(this)
                .addApi(LocationServices.API)
                .build();
    }

}

2.调用接口进行请求地址数据：

 private void getGoogleLocation() {
        String baseUrl = "https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=";
//            String realUrl=baseUrl+mLat+","+mLng+"&radius="
//                    +5000+"&type=pet_store"+"&language=zh-CN"+"&key="+"你自己在谷歌的对应的key";
        String realUrl = null;
//            realUrl = baseUrl + mLat + "," + mLng + "&radius="
//                    + 20000 +"&rankby=distance"+
//                    "&types=" + searchType + "&key=" + "你自己在谷歌的对应的key";
        realUrl = baseUrl + mLat + "," + mLng +"&rankby=distance"+
                "&types=" + searchType + "&key=" + "你自己在谷歌对应的key";
        Call<ResponseBody> ca = HBClient.getService(MineService.class).listGoogleLocations(realUrl);
        ca.enqueue(new RequestCallBack<ResponseBody>() {
            @Override
            public void onFailed(Call<ResponseBody> call, Response<ResponseBody> response) {
                super.onFailed(call, response);
            }

            @Override
            public void onFailure(Call<ResponseBody> call, Throwable t) {
                super.onFailure(call, t);
            }

            @Override
            public void onSuccess(Call<ResponseBody> call, Response<ResponseBody> response) {
                try {
                    String json = response.body().string();
                    LogUtil.e("周边地址的json为" + json);
                    if (json != null && !json.equals("")) {
                        googleLocationBean = GsonUtils.jsonToBean(json, GoogleLocationBean.class);
                        if (googleLocationBean == null) {
                            LogUtil.e("解析周边地址json为空");
                            showEmpty();
                            nextPageToken = null;
                        } else {
                            if (googleLocationBean.getStatus().equals("OK")) {
                                List<GoogleLocationBean.GoogleLocationData> results = googleLocationBean.getResults();
                                nextPageToken = googleLocationBean.getNext_page_token();
                                showSuccess();
                                mAdapter.setNewData(results);
                                LogUtil.e("长度为" + results.size());
//                                    for (int i = 0; i < results.size(); i++) {
//                                    getGoogleDetail(results.get(i),results,i,hasMore);
//                                    }
//                                    getGooglePhotos(results.get(1).getReference());
                            } else {
                                nextPageToken = null;
                                showEmpty();
                            }
                        }
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        });
    }

3.当请求返回的数据中有

nextPageToken字段不为空时，就有多页数据，请求下一页数据时需要将该字段携带去请求

4.请求下一页数据时：

private void getGoogleLocationMore() {
        String baseUrl = "https://maps.googleapis.com/maps/api/place/nearbysearch/json?pagetoken=";
        String realUrl = null;
        realUrl = baseUrl + nextPageToken + "&key=" + "你对应的谷歌的key";
            nextPageToken = null;
        Call<ResponseBody> ca = HBClient.getService(MineService.class).listGoogleLocations(realUrl);
        ca.enqueue(new RequestCallBack<ResponseBody>() {
            @Override
            public void onFailed(Call<ResponseBody> call, Response<ResponseBody> response) {
                super.onFailed(call, response);
            }

            @Override
            public void onFailure(Call<ResponseBody> call, Throwable t) {
                super.onFailure(call, t);
            }

            @Override
            public void onSuccess(Call<ResponseBody> call, Response<ResponseBody> response) {
                try {
                    String json = response.body().string();
                    LogUtil.e("周边地址的json为" + json);
                    if (json != null && !json.equals("")) {
                        googleLocationBean = GsonUtils.jsonToBean(json, GoogleLocationBean.class);
                        if (googleLocationBean == null) {
                            LogUtil.e("解析周边地址json为空");
                            mAdapter.loadMoreEnd();
                            nextPageToken = null;
                        } else {
                            if (googleLocationBean.getStatus().equals("OK")) {
                                List<GoogleLocationBean.GoogleLocationData> results = googleLocationBean.getResults();
                                mAdapter.addData(results);
                                mAdapter.loadMoreEnd();
                                nextPageToken = googleLocationBean.getNext_page_token();
                                LogUtil.e("长度为" + results.size());
//                                    for (int i = 0; i < results.size(); i++) {
//                                    getGoogleDetail(results.get(i),results,i,hasMore);
//                                    }
//                                    getGooglePhotos(results.get(1).getReference());
                            } else {
                                mAdapter.loadMoreEnd();
                            }
                        }
                    }
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
        });
    }

5.请求某个地点对应的照片时：

private void getGooglePhotos(String photoreference) {
    String baseUrlPhoto = "https://maps.googleapis.com/maps/api/place/photo?";
    String realUrlPhoto = baseUrlPhoto + "maxwidth=480&photoreference=" + photoreference
            + "&key=" + "你的谷歌对应的key";
    HBClient.getService(MineService.class).listGooglePhotos(realUrlPhoto).enqueue(new RequestCallBack<ResponseBody>() {
        @Override
        public void onFailed(Call<ResponseBody> call, Response<ResponseBody> response) {
            super.onFailed(call, response);
        }

        @Override
        public void onFailure(Call<ResponseBody> call, Throwable t) {
            super.onFailure(call, t);
        }

        @Override
        public void onSuccess(Call<ResponseBody> call, Response<ResponseBody> response) {
            try {
                String json = response.body().string();
                LogUtil.e("图片json为" + json);
                if (json != null && !json.equals("")) {
                    GoogleLocationBean bean = GsonUtils.jsonToBean(json, GoogleLocationBean.class);
                    if (bean == null) {
                        LogUtil.e("解析周边地址图片json为空");
                    } else {
                        if (bean.getStatus().equals("OK")) {
                            List<GoogleLocationBean.GoogleLocationData> results = bean.getResults();
                        }
                    }
                }
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
    });
}

6.上述请求对应地点照片采用的Places的web的api，也可以采用安卓的api，如下：

private void getPhoto(String placeId, GoogleApiClient mGoogleApiClient, ImageView imgLogo) {
    Places.GeoDataApi.getPlacePhotos(mGoogleApiClient, placeId)
            .setResultCallback(photos -> {
                if (!photos.getStatus().isSuccess()) {
                    return;
                }

                PlacePhotoMetadataBuffer photoMetadataBuffer = photos.getPhotoMetadata();
                if (photoMetadataBuffer.getCount() > 0) {
                    // Display the first bitmap in an ImageView in the size of the view
                    photoMetadataBuffer.get(0)
                            .getScaledPhoto(mGoogleApiClient, imgLogo.getWidth(),
                                    imgLogo.getHeight())
                            .setResultCallback(placePhotoResult -> {
                                LogUtil.e("请求图片回调-"+placePhotoResult.getStatus().isSuccess());
                                if (!placePhotoResult.getStatus().isSuccess()) {
                                    return;
                                }
                                imgLogo.setImageBitmap(placePhotoResult.getBitmap());

                            });
                }else {
                    LogUtil.e("查询到图片数量为0");
                }
                photoMetadataBuffer.release();
            });
}

 

7.关于谷歌地图的显示的补充：在Activity中实现OnMapReadyCallback接口

在onCreate方法中：注意

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    // TODO: add setContentView(...) invocation
    ButterKnife.bind(this);
    SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
            .findFragmentById(R.id.map);
    mapFragment.getMapAsync(this);
}
    @Override
    public void onMapReady(GoogleMap googleMap) {
        LogUtil.e("googleMap");
        mMap = googleMap;
        mMap.setMapType(GoogleMap.MAP_TYPE_NORMAL);
//        mMap.setOnMyLocationButtonClickListener(this);
//        mMap.setOnMarkerDragListener(this);
        UiSettings uiSettings = mMap.getUiSettings();
        uiSettings.setZoomControlsEnabled(true);
        uiSettings.setZoomGesturesEnabled(true);
        uiSettings.setCompassEnabled(true);
        uiSettings.setMyLocationButtonEnabled(true);//不显示定位按钮
//        enableMyLocation();
        // Add a marker in Sydney and move the camera
        LatLng sydney = new LatLng(item.getGeometry().getLocation().getLat(), item.getGeometry().getLocation().getLng());
        mMap.moveCamera(CameraUpdateFactory.newLatLng(sydney));
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                MyApp.runOnUIThread(new Runnable() {
                    @Override
                    public void run() {
                        mMap.animateCamera(CameraUpdateFactory.
                                newLatLngZoom(new LatLng(item.getGeometry().getLocation().getLat(),
                                        item.getGeometry().getLocation().getLng()), 16));
                        Marker melbourne = mMap.addMarker(new MarkerOptions()
                                .position(sydney)
                                .title(item.getVicinity()));
                        melbourne.showInfoWindow();
                        CircleOptions circleOptions = new CircleOptions()
                                .center(sydney)
                                .radius(280); // In meters

                        Circle circle = mMap.addCircle(circleOptions);
                        circle.setFillColor(Color.argb(45, 0, 191, 255));
                        circle.setStrokeColor(Color.argb(65, 0, 191, 255));
                        circle.setStrokeWidth(6);
                    }
                });

            }
        }, 300);

    }
}

对应的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<com.zhy.autolayout.AutoLinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    android:clipToPadding="true"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
<include layout="@layout/include_title"/>
        <fragment
            android:id="@+id/map"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            class="com.google.android.gms.maps.SupportMapFragment"/>
</com.zhy.autolayout.AutoLinearLayout>
U__F_O
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
用google地图搜索并标注周边的学校,医院,车站等的实现方法
Let's Go!
08-21 3737
转眼之间我的blog访问量已经超过9万了,值得庆贺一下.今天放个重量级炸弹出来.        很多使用google地图的同学肯定都想实现标注周边环境的功能,该功能可参照http://local.google.com/ 只要我们在地图上输入学校,进行搜索之后地图就可以自动把周围的学校给标记出来.该功能很强,实现起来却非常麻烦,这需要借助google的多个API才能实现,首先是map其次分
用google map实现周边搜索功能
u010821757的博客
09-24 4597
项目要实现根据经纬度获取附近的建筑，由于项目在海外运营，谷歌地图首当其冲。首先说明的是，该功能需要在服务端实现，也就是安卓的SDK不适用。api文档地址：https://develope...
Google map 和Baidu map搜索目标地点周边
weixin_34235105的博客
12-09 595
0. 引言本文主要是总结之前项目中的地图需求：1.根据后端返回的location（坐标）在地图上marker。2.可以搜索出该点附近的景点，酒店，餐厅等周边。（需要在地图上marker出来）3.点击某个周边，可以跳转到Google map或Baidu map 网站上查看该周边的详细信息。下面分别使用Google map和Baidu map实现以上功能1.0 Google map我们可以使用Goog...
google map Search
canduecho的专栏
09-15 812
实现google 搜索功能.      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml">          Coder Page     http://maps.google.com/maps?file=api&v=2&key=ABQIAA"      typ
Android2.2调用Google Map api进行位置搜索
快乐的思想
05-15 1833
一个让我困惑了很久的问题，最后终于在CSDN论坛中经过大家的帮助，将此问题完美解决。 具体问题可参考：Google Maps API 返回英文的问题。 好了，不多说，上代码了： import java.io.IOException; import java.io.UnsupportedEncodingException; import org.apache.http.HttpRespo
基于GoogleMap的简易智能地图搜索系统
09-20
总结来说，这个基于GoogleMap的简易智能地图搜索系统涵盖了地图展示、位置搜索、详细信息获取等多个关键功能，是利用Google Maps API构建地理位置应用的一个实例。开发者需要掌握API的使用，理解地图数据处理，以及...
googleMap根据经纬度获取地理位置
04-18
首先，`googleMap根据经纬度获取地理位置`这个标题涉及到的核心技术是Google Maps Geocoding服务。Geocoding是将地址或坐标（经纬度）转换为地理坐标的过程，反之亦然。在Google Maps API中，我们可以使用Geocoding ...
Google Map
05-08
10. **API集成**：对于开发者，Google Maps API的使用和集成也是重要环节，需要测试API的功能、性能以及稳定性，确保在第三方应用中能够顺利实现地图服务。 在测试过程中，我们应覆盖多种设备和操作系统，确保...
google map应用
06-24
在全球范围内，用户可以利用谷歌地图进行路线规划、导航、地点搜索，甚至查看三维建筑和室内视图。在本文中，我们将深入探讨谷歌地图的应用及其相关知识点。 一、地图功能 1. **基础地图**：谷歌地图提供卫星、地形...
google map GPS定位
04-22
为了在实际应用中使用这个功能，你可以将GPS定位信息结合到其他业务逻辑中，例如导航、地点搜索或者提供用户当前位置的周边服务。 总之，通过Google Maps API和C#，我们可以轻松地实现GPS定位功能。理解并掌握这些...
Google Map Api for Android
许博文的专栏
03-27 1799
Google Map Api for Android 项目需要使用了谷歌的地图api，总结一下。 先上几个图 一、项目介绍 1.点击搜索附近的公园 这个展示的可以点击地图的任意位置获取经纬度，并标记Mark一个点，同时获取附近的公园，就是POI Search，并把所有的公园在地图上标记出来。 2.搜索当前位置附近的公园 这个是通过定位，获取附近的公园 二、实现过程 1.Google Map ...
VUE 实现google 地图展示，搜索，获取经纬度
最新发布
xiongliuyun的博客
08-07 709
根据地区搜索，可移动图标获取经纬度
Google地图 Google Places API中附近搜索，文本搜索，地址搜索，地点详情的简单介绍
易寻资料的博客
02-10 3777
详情看官网接口文档。 官方文档：https://developers.google.com/maps/?hl=zh-cn Google Places API中 nearby Search 和 text Search 之间的区别？ 例如： 使用nearbySearch搜索附近的半径1公里之内的咖啡馆搜索只会返回1个结果 https://maps.googleapis.com/maps/api/place/nearbysearch/ json？location=-41.319282,174.8...
谷歌搜索引擎API使用
rosefun96的博客
03-13 6094
1. 搜索引擎API 接口地址为 https://www.googleapis.com/customsearch/v1?key={YOUR_KEY}&q={SEARCH_WORDS}&cx={YOUR_CX}&start={10}&num={10} 通过谷歌可编程搜索引擎自定义个人搜索引擎，并且记住搜索引擎的 CX id。 创建后即可根据项目中的api id，查询链接 console.cloud.google.com 根据CX id和 api id，即可调用定义好的搜索引擎
谷歌搜索表单参数url参数详解
lcg0412的专栏
04-14 8218
来源：基础资料来自互联网 q(Query)：查询的关键词，搜索查询q是必需的URL参数之一，其他都是可选的。 当q的值包含多个单词时，用加号分隔每个单词。（text）hl(Interface Language)：Google搜索的界面语言 hl=zh-CN简体中文语言界面，我们用的Google中文就是这个参数。 hl=zh-TW繁体中文语言界面，港台地区常使用 hl=en-英文语言界面lr(La
Google Map API使用谷歌地图api实现地点搜索功能
Just a Coder
08-31 1万+
需求：提供谷歌地图搜索地点功能，并查出经纬度坐标。 官方文档：https://developers.google.com/maps/?hl=zh-cn 地点详情接口： https://maps.googleapis.com/maps/api/place/details/json?placeid=ChIJN1t_tDeuEmsRUsoyG83frY4&key=YOUR_API_KEY 地点搜索
Android使用GoogleMap实现定位与路径检索功能
热门推荐
xhuww的博客
08-22 1万+
Google的基本使用，API KEY生成，基础地图展示，定位功能，路径规划，启用外部地图。
使用google map实现周边搜索的功能_uniapp 利用map标签 开发地图定位和搜索关键字查询功能...
06-06
好的，我了解你的问题了。那么，针对你的问题，我可以提供以下的解决方案： 1. 首先，在uniapp中使用map标签，进行地图定位和搜索关键字查询功能的开发。 2. 然后，使用Google Maps API，调用周边搜索的功能，在地图上显示搜索结果。 下面，我将分步骤地详细介绍这个解决方案： 步骤1：使用map标签进行地图定位和搜索关键字查询功能的开发 在uniapp中，可以使用map标签进行地图开发。具体步骤如下： 1. 在uniapp的页面中引入map标签： ``` <map :id="map" :latitude="latitude" :longitude="longitude" :markers="markers" @markertap="markertap"></map> ``` 2. 在data中定义地图相关的变量： ``` data: { map: 'myMap', latitude: '', longitude: '', markers: [] } ``` 3. 在mounted生命周期中获取当前位置： ``` mounted() { uni.getLocation({ type: 'gcj02', success: res => { this.latitude = res.latitude; this.longitude = res.longitude; } }); } ``` 4. 在methods中定义搜索功能： ``` methods: { search(e) { let keyword = e.detail.value; if (!keyword) { return; } uni.request({ url: 'https://apis.map.qq.com/ws/place/v1/search', data: { keyword: keyword, location: `${this.latitude},${this.longitude}`, key: '你的key', radius: 1000 }, success: res => { let data = res.data; if (data.status === 0) { let markers = data.data.map(item => { return { id: item.id, latitude: item.location.lat, longitude: item.location.lng, title: item.title, iconPath: '/static/images/marker.png', width: 32, height: 32 }; }); this.markers = markers; } } }); }, markertap(e) { console.log(e.markerId); } } ``` 步骤2：使用Google Maps API调用周边搜索的功能 1. 在Google Cloud Console中创建一个项目，并启用Maps JavaScript API。 2. 在uniapp中引入Google Maps API： ``` <script src="https://maps.googleapis.com/maps/api/js?key=你的API密钥"></script> ``` 3. 在methods中使用Google Maps API调用周边搜索的功能： ``` methods: { search(e) { let keyword = e.detail.value; if (!keyword) { return; } let service = new google.maps.places.PlacesService(document.createElement('div')); let request = { location: new google.maps.LatLng(this.latitude, this.longitude), radius: 1000, query: keyword }; service.textSearch(request, (results, status) => { if (status === google.maps.places.PlacesServiceStatus.OK) { let markers = results.map(item => { return { id: item.id, latitude: item.geometry.location.lat(), longitude: item.geometry.location.lng(), title: item.name, iconPath: '/static/images/marker.png', width: 32, height: 32 }; }); this.markers = markers; } }); }, markertap(e) { console.log(e.markerId); } } ``` 以上就是使用Google Maps API实现周边搜索的功能的具体步骤。希望能帮到你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值