高德地图js API实现鼠标悬浮点标记时显示弹窗详情，点击点标记放大地图操作_高德给circle鼠标悬浮显示信息__格鲁特宝宝的博客-程序员秘密

技术标签：高德API 鼠标悬停显示弹窗 Web FrontEnd 高德地图 js javascript

<!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="http://cache.amap.com/lbs/static/main1119.css"/>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.4.0/cerulean/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=139e66ee00b2edc5c7ad3fd640b60c07"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
    //初始化地图对象，加载地图
    var map = new AMap.Map("container", {resizeEnable: true});
    var lnglats = [
        [116.968904, 39.999923],
        [116.382122, 39.921176],
        [116.372122, 39.921176],
        [116.968904, 39.900001],
        [117.418258, 39.914600]
    ];
    
    
    var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
    for (var i = 0, marker; i < lnglats.length; i++) {
        var marker = new AMap.Marker({
            position: lnglats[i],
            map: map
        });
        marker.content  = '<h4>我是第' + (i + 1) + '个XXX</h4>';
        marker.content += '<h6>经度：'+lnglats[i][0]+'</h6>';
        marker.content += '<h6>纬度：'+lnglats[i][1]+'</h6>';
        marker.content += '<button class="btn btn-success btn-xs">历史轨迹</button>';
        marker.content += '<button class="btn btn-warning btn-xs">实时跟踪 </button>';
        marker.content += '<button class="btn btn-danger btn-xs">设置</button>';
 
        marker.on('mouseover', infoOpen);
        //注释后打开地图时默认关闭信息窗体
        //marker.emit('mouseover', {target: marker});
        marker.on('mouseout', infoClose);
        marker.on('click', newMAp);
    }  
    map.setFitView();
 
 
    
    //鼠标点击事件,设置地图中心点及放大显示级别
    function newMAp(e) {
        //map.setCenter(e.target.getPosition());
        map.setZoomAndCenter(12, e.target.getPosition());
        
        var infoWindow = new AMap.InfoWindow({offset: new AMap.Pixel(0, -30)});
        infoWindow.setContent(e.target.content);
        infoWindow.open(map, e.target.getPosition());    
    }
    
    
    function infoClose(e) {
        infoWindow.close(map, e.target.getPosition());
    }
    function infoOpen(e) {
        infoWindow.setContent(e.target.content);
        infoWindow.open(map, e.target.getPosition());
    }
</script>
</body>
</html>

https://blog.csdn.net/Bameirilyo/article/details/83864222

本文链接：https://blog.csdn.net/GrootBaby/article/details/88734773

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

【NLP】Attention Model（注意力模型）学习总结_ahilll的博客-程序员秘密

　　最近一直在研究深度语义匹配算法，搭建了个模型，跑起来效果并不是很理想，在分析原因的过程中，发现注意力模型在解决这个问题上还是很有帮助的，所以花了两天研究了一下。　　此文大部分参考深度学习中的注意力机制(2017版) 张俊林的博客，不过添加了一些个人的思考与理解过程。在github上找到一份基于keras框架实现的可运行的注意模型代码：Attention_Network_With_Keras...

java-List<Integer>与List<Long>相互转换_integer集合转long集合_JAVA_日月的博客-程序员秘密

需求：现在有一个List<Integer>集合，需要把它转换成List<Long>集合。声明：不想使用循环实现方式使用com.alibaba.fastjson包下的 JSONArray类实现代码示例public static void main(String[] args) { List<Integer> listInt = new ...

在视图控制器之间传递数据_sqlserver视图中怎么接收参数_asdfgh0077的博客-程序员秘密

我是iOS和Objective-C以及整个MVC范例的新手，但我坚持以下几点：我有一个充当数据输入表单的视图，我想给用户选择多个产品的选项。这些产品在另一个带有UITableViewC

通过pycharm使用git_慕城南风的博客-程序员秘密

前言使用git+pycharm有一段时间了，算是稍有点心得，这边整理一下，可能有的方法不是最优，欢迎交流，可能还是习惯敲命令去使用git，不过其实pycharm已经帮忙做了很多了，我们可以不用记住那么多的命令的。通过pycharm初始化git环境因为之前内网搭建了gitlab，参考此文章centos6搭建gitlab，所以可以通过gitlab很方便的创建一个project，我这边从无到...

linux下敏感文件（账号密码）查找—内网渗透linux主机密码收集_linux敏感文件_山山而川'的博客-程序员秘密

在打内网的时候经常需要对linux主机进行账号密码搜集，手动翻找文件是一件体力活，特别是当文件特别多的时候，翻找文件将需要耗费大量的时间，本文可针对linux主机文件中的账号密码信息进行快速查找

py2neo　基本用法_luoganttcc的博客-程序员秘密

py2neo　基本用法 #coding:utf-8from py2neo import Graph,Node,Relationship ##连接neo4j数据库，输入地址、用户名、密码graph = Graph('http://localhost:7474',username='neo4j',pass...