广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >在node中如何使用koa框架调用高德地图接口
  • 407
分享到

在node中如何使用koa框架调用高德地图接口

2024-04-02 19:04:59 407人浏览 安东尼
摘要

在node中如何使用koa框架调用高德地图接口,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。高德开放平台调高德接口我们最重要需

node中如何使用koa框架调用高德地图接口,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

高德开放平台

调高德接口我们最重要需要什么❓ 需要高德地图的key。按照如下的步骤进入高德开放平台。

在node中如何使用koa框架调用高德地图接口

创建应用

在node中如何使用koa框架调用高德地图接口

添加key

这里注意一下不同的服务平台,对应不同的可使用服务。如下图我是使用的是WEB服务

在node中如何使用koa框架调用高德地图接口

在node中如何使用koa框架调用高德地图接口

生成了key

在node中如何使用koa框架调用高德地图接口

koa请求第三方接口

koa2-request

在node中请求第三方接口,其实也就是发起一个request请求。爬虫的原理也是如此。node发起请求的库我们这里用到了koa2-request。因为我们用到了koa框架。

  • 地址: https://www.npmjs.com/package/koa2-request 其实也不用看了,介绍就这么多。

  • 安装:

npm install koa2-request
  • 基本使用方法

这里支持async await

var koa2Req = require('koa2-request');
 
app.use(async(ctx, next) => {
    // request选项
    var res = await koa2Req('Http://www.baidu.com');
    ctx.body = res.body;
});

开干

天气接口

我们进来后惊奇的发现他需要city和key作为参数

在node中如何使用koa框架调用高德地图接口

但是我们手动去输入城市对应的编码不太现实。即使我记得住,它用户体验也会极差。然后其实高德还有一个IP定位接口。那我们先跳到下面看一下。

IP定位

https://lbs.amap.com/api/webservice/guide/api/ipconfig

这里需要两个参数ip和key

在node中如何使用koa框架调用高德地图接口

说到IP,那这里还需要一个插件

  • 地址 https://www.npmjs.com/package/public-ip

  • 基本使用方法

const publicIp = require('public-ip');

(async () => {
	console.log(await publicIp.v4());
	//=> '46.5.21.123'

	console.log(await publicIp.v6());
	//=> 'fe80::200:f8ff:fe21:67cf'
})();

如下是我的具体实现,将ip和key作为参数

const koa2Req = require('koa2-request');
const publicIp = require('public-ip') // 获取外网ip
const gaode_key = '8a674879652195a8bc6ff51357199517'
class clientController {
    async getWeather(ctx, next) {
        const ip_param = await publicIp.v4()
        var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=JSON&key=${gaode_key}`);
        ctx.body = res;
    }
}

返回值的格式

{

       "status" :"1",
       "info" :"OK",
       "infocode" :"10000",
       "province" :"北京市",
       "city" :"北京市",
       "adcode" :"110000",
       "rectangle" :"116.0119343,39.66127144;116.7829835,40.2164962"

  }

我们想要获得城市编码 adcode,res.body是我们从接口中取回的值。用JSON.parse将其转为JSON对象。

    async getWeather(ctx, next) {
        const ip_param = await publicIp.v4()
        var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=json&key=${gaode_key}`);
        const city = JSON.parse(res.body).adcode
        console.log(city,'city')
    }

接下来就可以调用天气接口了,天气接口需要刚才我们获得的城市编码和key作为参数。

    async getWeather(ctx, next) {
        const ip_param = await publicIp.v4()
        var res = await koa2Req(`https://restapi.amap.com/v3/ip?ip=${ip_param}&output=json&key=${gaode_key}`);
        const city = JSON.parse(res.body).adcode
        console.log(city,'city')
        var res_weather = await koa2Req(`https://restapi.amap.com/v3/weather/weatherInfo?city=${city}&key=${gaode_key}`)
        let weather = {data: JSON.parse(res_weather.body)}
        ctx.body = weather;
    }

看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注编程网node.js频道,感谢您对编程网的支持。

--结束END--

本文标题: 在node中如何使用koa框架调用高德地图接口

本文链接: https://www.lsjlt.com/news/88690.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 在node中如何使用koa框架调用高德地图接口
    在node中如何使用koa框架调用高德地图接口,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。高德开放平台调高德接口我们最重要需...
    99+
    2022-10-19
  • vue3中如何使用高德地图api
    本篇内容介绍了“vue3中如何使用高德地图api”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!前置工作在开发之前我们需要了解 vue3 中接...
    99+
    2023-07-05
  • 在vue3项目中如何使用新版高德地图
    这篇文章主要讲解了“在vue3项目中如何使用新版高德地图”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“在vue3项目中如何使用新版高德地图”吧!1. 首先你要注册好账号登录2. 获取key和...
    99+
    2023-07-05
  • vue项目中如何使用高德地图
    这篇文章主要介绍“vue项目中如何使用高德地图”,在日常操作中,相信很多人在vue项目中如何使用高德地图问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue项目中如何使用高德地图”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-05
  • UNiAPP中如何使用render.js绘制高德地图
    目录什么是render.js使用方式在uniAPP中使用render.js 绘制高德地图明确需求解决思路编写代码vue页面使用render.js初始化地图实现效果render.js中...
    99+
    2022-11-13
  • 如何在ASP中使用缓存框架接口来提高性能?
    ASP是一种非常流行的Web开发框架,但是在使用ASP进行开发时,我们经常会遇到性能问题。为了解决这些问题,我们可以使用缓存框架接口来提高性能。在本文中,我们将介绍如何在ASP中使用缓存框架接口来提高性能。 一、缓存框架接口简介 缓存框架接...
    99+
    2023-06-14
    缓存 框架 接口
  • VUE中如何调用高德地图获取当前位置(VUE2.0和3.0通用)
    1、去高德开放平台获取高德地图KEY 地址:https://lbs.amap.com/ 注意:这里一定要选择WEB端的KEY,不要选择WEB服务的KEY,否则拿不到数据 2、去项目中...
    99+
    2023-05-15
    vue中使用高德地图 vue 高德地图定位 vue获取当前地理位置
  • ASP 接口框架文件:如何在项目中使用它?
    ASP 接口框架文件是一种帮助开发人员快速创建 ASP 接口的工具,可以大大提高开发效率和代码质量。在本文中,我们将会介绍如何在项目中使用 ASP 接口框架文件,并且提供一些演示代码供大家参考。 一、什么是 ASP 接口框架文件? ASP...
    99+
    2023-07-27
    接口 框架 文件
  • 如何在Spring框架中使用PHP接口实现重定向?
    Spring框架是一个非常流行的Java开发框架,它提供了很多实用的功能。在开发中,有时候需要使用PHP接口实现重定向功能。本文将介绍如何在Spring框架中使用PHP接口实现重定向。 一、什么是重定向? 重定向是指当用户请求一个URL时,...
    99+
    2023-06-18
    接口 重定向 spring
  • 接口和数组在Java中如何运用Spring框架?
    Java作为一门广泛应用的编程语言,其流行的Spring框架也让人越来越感兴趣。其中,接口和数组在Spring框架中的运用也是一个重要的主题。在本文中,我们将探讨如何在Spring框架中使用接口和数组,以及如何通过演示代码来帮助读者更好地理...
    99+
    2023-08-09
    接口 spring 数组
  • JNI本地接口如何在Java中使用
    这篇文章将为大家详细讲解有关JNI本地接口如何在Java中使用,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。详解Java 本地接口 JNI 使用方法对于Java程序员来说,Java语言的好处...
    99+
    2023-05-31
    java jni ava
  • 如何在 Java 框架中优化数据类型和接口的使用?
    Java 框架是目前应用最广泛的编程语言之一。在开发 Java 应用程序时,优化数据类型和接口的使用可以提高程序的性能和可读性。本文将介绍一些在 Java 框架中优化数据类型和接口的使用的技巧,同时提供一些演示代码。 1. 使用适当的数据类...
    99+
    2023-10-13
    框架 数据类型 接口
  • 在Java中如何使用接口调用Groovy方法
    小编给大家分享一下在Java中如何使用接口调用Groovy方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!定义Java接口包含在Java中需要调用的Groovy...
    99+
    2023-06-03
  • Spring框架中如何使用PHP接口进行重定向?
    在Web开发中,重定向是一个非常常见的操作。它可以让用户在不同的网页之间进行跳转,同时也可以帮助我们实现一些特定的业务需求。在Spring框架中,我们可以使用PHP接口来实现重定向操作。接下来,本文将为大家介绍Spring框架中如何使用P...
    99+
    2023-06-18
    接口 重定向 spring
  • 如何在 Go 语言中高效地使用 NumPy 框架进行数据存储?
    Go 语言是一种强大的编程语言,能够帮助开发人员构建高效、可靠和安全的软件。同时,NumPy 是一个广泛使用的 Python 数据科学工具,提供了高效的多维数组操作和数学函数。如果你想在 Go 语言中高效地使用 NumPy 框架进行数据存储...
    99+
    2023-10-18
    存储 numy 框架
  • Go语言中的算法和接口:如何使用Django框架提高开发效率?
    随着技术的不断进步,越来越多的开发者选择使用Go语言进行开发。与此同时,Django框架也成为了众多开发者的首选,因为它可以帮助我们提高开发效率。本文将介绍如何使用Go语言中的算法和接口来优化Django开发。 一、Go语言中的算法 Go...
    99+
    2023-08-18
    编程算法 接口 django
  • 你知道如何在Bash中优雅地使用Spring框架吗?
    当谈到Java开发时,Spring框架一直是最流行的框架之一。它可以帮助开发人员更快、更简单地构建应用程序。在本文中,我们将介绍如何在Bash中优雅地使用Spring框架。 首先,让我们看一下如何在Bash中安装Spring框架。您可以使用...
    99+
    2023-09-10
    npm bash spring
  • ASP缓存框架接口是什么?如何使用它来提高网站性能?
    随着互联网的不断发展和普及,网站的性能成为了一个至关重要的问题。一个网站的性能好坏不仅影响着用户的体验,也直接关系到搜索引擎排名等因素。如何提高网站的性能已经成为了许多网站开发者必须面对的问题。其中,ASP缓存框架接口是一个非常有用的工具...
    99+
    2023-06-14
    缓存 框架 接口
  • 如何在 ASP 框架中使用 npm 缓存提高性能?
    在开发 ASP.NET 应用程序时,我们通常使用 NuGet 包管理器来引用第三方依赖项。但是,如果你已经在项目中使用了 npm 包管理器,你可能会想知道如何在 ASP.NET 应用程序中使用 npm 缓存来提高性能。 npm 缓存是一个本...
    99+
    2023-11-09
    框架 缓存 npm
  • ASP 日志框架 path:如何在项目中正确地使用它?
    ASP 日志框架 path 是一款非常实用的日志工具,它能够帮助开发人员在项目中记录各种事件,从而更好地理解应用程序在运行过程中的行为。在本文中,我们将介绍如何在项目中正确地使用 ASP 日志框架 path,以及如何在代码中添加日志记录功...
    99+
    2023-09-27
    日志 框架 path
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作