基于cesium实现城市查询并定位

最新推荐文章于 2025-04-17 15:36:23 发布

原创

最新推荐文章于 2025-04-17 15:36:23 发布 · 9.2k 阅读

22 ·

CC 4.0 BY-SA版权

该博客介绍如何结合高德地图的搜索插件PlaceSearch获取城市经纬度，并在Cesium中进行定位。通过HTML和JavaScript代码实现城市查询功能，展示了效果截图。

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

思路：利用高德地图的搜索插件（PlaceSearch）获取索要搜索的城市的经纬度进行cesium的定位
效果演示截图：

在这里插入图片描述

- HTML代码

<div id="searchPostions" style="">
    <input placeholder="请输入搜索地点名称" id="words" onkeyup="autoInput(this)" style="width: 160px;
    margin-top: 14px;
    margin-left: 14px;
    height: 25px;
    border-radius: 3px;
    border: 0;
    padding: 0 5px 0 5px;
    font-size: 15px;">
</div>
<!-- 搜索结果  -->

- js代码

     <script >
    
        function autoInput(t){
            if(!t){
                return;
            }
            var keywords = t.value;
            if(t