百度地图只显示某个省自定义标注点添加鼠标事件

最新推荐文章于 2023-04-25 16:49:55 发布

qq_43288260

最新推荐文章于 2023-04-25 16:49:55 发布

阅读量915

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/qq_43288260/article/details/126874697

版权

本文介绍了前端使用JavaScript操作百度地图API，实现在地图上仅显示某个省份（以广西为例），并添加自定义标注点及鼠标事件。尽管加载速度较慢且存在不可缩放和拖拽的问题，但作为初学者的尝试，可以作为一个临时解决方案。要切换省份，需同时调整中心点以避免遮罩层异常。

摘要由CSDN通过智能技术生成

小白初试，这里用广西省为例,但是感觉百度地图加载属实有点慢=。=

以下是完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="https://api.map.baidu.com/api?type=webgl&v=1.0&ak=TLjkUDAFsU0vyG7dVn6f8Hbx165SCELO"></script>
    <script type="text/javascript" src="https://bj.bcebos.com/v1/mapopen/api-demos/data/province.js"></script>
    <script src="https://code.bdstatic.com/npm/mapvgl@1.0.0-beta.141/dist/mapvgl.min.js"></script>
    <script src="https://bj.bcebos.com/v1/mapopen/cms/bmapgldemo/custom/mapstyleblack.js"></script>
    <title>广西壮族自治区</title>
    <style>
       h