js使用百度api画轨迹

最新推荐文章于 2023-09-20 10:07:50 发布

RenQiang_Cheng

最新推荐文章于 2023-09-20 10:07:50 发布

阅读量1k

点赞数

分类专栏： js 百度地图文章标签：百度地图 js 百度地图api

本文链接：https://blog.youkuaiyun.com/u013276512/article/details/99292055

版权

这篇博客介绍了如何利用JavaScript版的百度地图API将一系列经纬度点连接成连续轨迹，以展示示例——在太平洋上绘制一个心形图案。文章强调了整理坐标点的过程较为耗时，附带了一张整理经纬度的Excel截图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近工作中使用到了javascript版本的百度地图api，需要把经纬度点连接成一条连续的轨迹。
正巧赶上了七夕，所以就想到在太平洋上画一个心，一起来看代码吧，代码很简单，重点是这些坐标点比较费时间

<!DOCTYPE html>
<html>
    <head>
        <title>Hello World</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
        <style type="text/css">  
            html{height:100%}    
            body{height:100%;margin:0px;padding:0px}    
            #container{height:100%}    
        </style>
        <!-- 要注意 http 和 https 的问题 -->
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=sFbPfdhILLi8ReG51Svm2T7zS7kGcG5L"></script>
    </head>
    <body>
        <div id="container"><