tnblog
首页
视频
资源
登录

高德地图实现搜索

5751人阅读 2022/4/12 12:33 总访问:849315 评论:0 收藏:0 手机
分类: 前端

可能你的js后面还需要加载的插件:
https://webapi.amap.com/maps?v=1.4.15&key=2xx&plugin=AMap.DistrictSearch,AMap.MouseTool

先封装一个搜索地址:

  1. let search = function(searchKey)
  2. {
  3. AMap.service(["AMap.PlaceSearch"], function () {
  4. //构造地点查询类
  5. var placeSearch = new AMap.PlaceSearch({
  6. pageSize: 3, // 单页显示结果条数
  7. pageIndex: 1, // 页码
  8. city: '重庆',
  9. citylimit: false, //是否强制限制在设置的城市内搜索
  10. map: map, // 展现结果的地图实例
  11. panel: "panel", // 结果列表将在此容器中进行展示。
  12. autoFitView: true // 是否自动调整地图视野使绘制的 Marker点都处于视口的可见范围
  13. });
  14. var cpoint = [106.477477, 29.571143]; //中心点坐标
  15. placeSearch.searchNearBy(searchKey, cpoint, 800, function (status, result) {
  16. console.log(status);
  17. console.log(result);
  18. });
  19. });
  20. }

使用:

  1. $("#litteArea").click(function () {
  2. search('小区');
  3. });
  4. $("#yl").click(function () {
  5. search('医疗');
  6. });
  7. $("#jt").click(function () {
  8. //search('地铁');
  9. search('公交站');
  10. });
  11. $("#jy").click(function () {
  12. search('学校');
  13. });

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价
这一生多幸运赶上过你.
排名
8
文章
231
粉丝
7
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术