1、高德地图JS API开发背景知识

最新推荐文章于 2024-06-22 13:35:26 发布

lcybb123

最新推荐文章于 2024-06-22 13:35:26 发布

阅读量1.1k

点赞数

分类专栏： GIS开发与应用（下）--高德地图JS API开发文章标签： javascript gis web开发

本文链接：https://blog.csdn.net/lcybb123/article/details/105337702

版权

GIS开发与应用（下）--高德地图JS API开发专栏收录该内容

1 篇文章 1 订阅

订阅专栏

1.1、什么是API？

1.1.1、API

API，英文全称Application Programming Interface，翻译为“应用程序编程接口”。是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。——百度百科

引用：https://www.zhihu.com/question/38594466

研发人员A开发了软件A，研发人员B正在研发软件B。有一天，研发人员B想要调用软件A的部分功能来用，但是他又不想从头看一遍软件A的源码和功能实现过程，怎么办呢？研发人员A想了一个好主意：我把软件A里你需要的功能打包好，写成一个函数；你按照我说的流程，把这个函数放在软件B里，就能直接用我的功能了！其中，API就是研发人员A说的那个函数。

1.1.2、常见的JavaScript API

之前学习过的jQuery其实就是一个API。

https://jquery.com/

高德地图API：https://lbs.amap.com/

1.1.3、如何使用JS API

（1）、下载至本地引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线引用</title>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var element=$("<p>创建的P元素</p>");
            element.appendTo($("body"));
        });
    </script>
</head>
<body>
    
</body>
</html>

（2）、在线引用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在线引用</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var element=$("<p>创建的P元素</p>");
            element.appendTo($("body"));
        });
    </script>
</head>
<body>
    
</body>
</html>

1.1.4、补充知识

（1）、vscode使用方法

https://www.bilibili.com/video/BV1Ct411M7or?p=1

（2）、谷歌浏览器（Chrome）F12开发者工具的使用

https://jingyan.baidu.com/article/fedf0737b0d07335ac897793.html

https://www.cnblogs.com/yaoyaojing/p/9530728.html