腾讯地图定位

最新推荐文章于 2024-07-01 17:29:06 发布

原创

最新推荐文章于 2024-07-01 17:29:06 发布 · 734 阅读

0 ·

CC 4.0 BY-SA版权

这篇博客介绍了如何使用QQ地图API进行关键词检索和显示检索结果。通过设置搜索服务、指定城市和地区，实现对特定区域内如'欢乐谷'的搜索。当搜索'金牛区欢乐谷'时，返回结果类型为CITY_LIST，示例代码中展示了如何处理这种情况，并在地图上展示搜索到的POI信息。

在这里插入图片描述

搜索 金牛区欢乐谷 发现返回的类型为CITY_LIST

后根据 官方代码 发现问题 未设置相对应的城市 或地区
this.searchService.setLocation(this.region);

在这里插入图片描述

搜索 金牛区欢乐谷 发现返回的类型为CITY_LIST

// 官方案例

<!DOCTYPE html>
<html>
 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>普通关键字检索</title>
    <style type="text/css">
        * {
   
   
            margin: 0px;
            padding: 0px;
        }
        body,
        button,
        input,
        select,
        textarea {
   
   
            font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
        }
        p {
   
   
            width: 603px;
            padding-top: 3px;
            margin-top: 10px;
            overflow: hidden;
        }
    </style>
    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
 
</head>
 
<body