高德/腾讯地图API实现自定义标记点和事件

最新推荐文章于 2024-08-03 17:28:29 发布

A叶子叶

最新推荐文章于 2024-08-03 17:28:29 发布

阅读量8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： # Vue与Web开发文章标签： ajax js html

本文链接：https://blog.csdn.net/yezonggang/article/details/113059049

Vue与Web开发专栏收录该内容

37 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用JavaScript结合高德或腾讯地图API，在前后端不分离的场景下，通过Ajax获取数据来创建自定义的marker，并添加点击事件。详细讲解了地图上标记点的定制及事件监听的实现过程。

主要是基于JavaScript的地图API实现自定义的marker和点击事件，前后端不分离场景，是ajax得到请求；

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>默认点标记</title>
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
    <style>
        html, body, #container {
            height: 100%;
            width: 100%;
        }

        .amap-icon img,
        .amap-marker-content img{
            width: 25px;
            height: 34px;
        }

        .marker

了解本专栏