`

Mapabc——地图标注

阅读更多

项目中使用到了地图标注的功能(mapabc),现在将代码共享出来,希望对于后来者有所帮助。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>地图标注</title>
    <script src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=98fadf9ac86088c6e7966e8949b1f5a3a6efe15d5c01eeb0e080fc298f8728c542a2b6f8d09d7e40"
        type="text/javascript"> </script>

    <script type="text/javascript">
    var mapObj = null;
    window.onload = function() {
        //设置地图初始化参数对象
        var mapOptions = new MMapOptions();
        mapOptions.zoom = 10;
        //设置中心点为郑州
        mapOptions.center = new MLngLat("fjqennngoNKOI","hmlnnismtJGGM",0);
        mapOptions.zoom = 13;
        mapOptions.toolbar = DEFAULT;
        mapOptions.toolbarPos = new MPoint(0, 0);
        mapOptions.overviewMap = DEFAULT;
        //创建地图对象
        mapObj = new MMap("mapObj", mapOptions);
        registMouseAddMarker();
    }
    function onClick(e) {        
        var ll = new MLngLat(e.eventX,e.eventY);
        var marker = new MMarker(ll);
        marker.id = "marker";
        mapObj.addOverlay(marker);
        var xy = marker.lnglat.lngX + "," + marker.lnglat.latY;
        document.getElementById("hdMapFlag").value = xy;
    }
    
    function registMouseAddMarker() {
		mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);
		/*
		var point = parent.document.getElementById("hdMap").value;
		if (point != null && point != "") {
		    var position = point.split(",");
		    var ll = new MLngLat(position[0],position[1]);
            var marker = new MMarker(ll);
            marker.id = "marker";
            mapObj.addOverlay(marker);
		}
		document.getElementById("hdMapFlag").value = point;
		*/
	}

	function unregistMouseAddMarker() {
		mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);
        //parent.document.getElementById("hdMap").value = document.getElementById("hdMapFlag").value;
        //window.parent.$.fadeD(0);
	}
    </script>
</head>
<body>
    <div id="mapObj" class="view" style="width:620px;height:420px"></div> 
	<input type='button' name='a' onclick='javascript:registMouseAddMarker();' value='标点'/>
    <!---<input type='button' name='b' onclick='javascript:unregistMouseAddMarker();' value='确定标点'/>--->
    <input type="text" id="hdMapFlag" name="hdMapFlag" />
</body>
</html>

 以上就是全部的地图标注代码,希望对于后来者会有所帮助。如果有想看页面效果的兄弟可以进入:

地图标注

另外还有一个用JS实现的日历控件,连接地址:

日历控件

分享到:
评论

相关推荐

    MapABC Flex4 Demo

    2. 地图API的集成:学习MapABC API文档,了解如何请求地图数据,如何添加和操作地图标注,以及如何实现其他高级功能。 3. 地图交互设计:理解地图控件的实现原理,例如缩放滑块、平移按钮等,以及如何响应用户的点击...

    Ldh.Maps开源代码

    Ldh.Maps开源项目正是这样一个专注于地图服务的库,它封装了Bing Maps组件,并且扩展了其他地图服务,如Mapabc和Google Maps,提供了多样化的地图绘制功能,如线、圆、多边形、矩形以及图钉等,还支持聚合图层,极大...

    车辆监控客户端帮助手册.pdf

    13. 地图资源:系统提供了丰富的地图资源,包括mapabc和Google的行政区划地图。 14. 统计报表:系统提供了统计报表功能,用户可以查看车辆的行驶、停车、油耗、温度、位置、报警等信息。 15. 企业管理:系统提供了...

    本程序使用Matlab调用COMSOL进行二元(电容与相对介电常数)数据的生成.zip

    matlab

    操作系统课程设计基于C++实现的操作系统仿真虚拟页式存储管理项目源代码

    操作系统课程设计基于C++实现的操作系统仿真虚拟页式存储管理项目源代码

    西门子S7-1500与V90伺服在定长切断中的应用及优化 - 工业自动化解决方案

    内容概要:本文详细介绍了西门子S7-1500 PLC与V90伺服在定长切断应用中的具体实现方法和技术要点。首先,文章展示了如何利用TIA Portal V16平台配置工艺对象“CuttingAxis”,并解释了关键参数如每转脉冲数、丝杆导程、减速比等的作用。接着,针对可能出现的问题,如轴运行抖动、控制字状态丢失等进行了深入探讨,并提供了相应的解决措施,比如调整前馈参数、修改报文配置等。此外,还分享了一些提高系统性能的小技巧,例如启用动态限制选项、优化速度前馈与位置环配合等。最后,强调了该方案在包装机械和线材加工领域的广泛应用前景及其优势所在。 适合人群:从事工业自动化相关工作的工程师和技术人员,尤其是那些希望深入了解和掌握西门子PLC与伺服系统集成应用的专业人士。 使用场景及目标:适用于需要实现高精度定长切断操作的企业或项目,旨在帮助用户构建稳定可靠的控制系统,确保生产效率和产品质量。 其他说明:文中不仅涵盖了理论知识讲解,还包括大量实际案例分析以及代码示例,便于读者更好地理解和应用所学内容。同时提醒读者关注硬件配置、软件编程、参数调节等多个方面,以达到最佳效果。

    2023年计算机二级Office选择题考前模拟.docx

    2023年计算机二级Office选择题考前模拟.docx

    CMD仿制PYTHON,自己制作,望通过

    目前可以新建目录,具体自己看代码

    基于SpringBoot网上超市(源码+数据库+万字文档)507

    基于SpringBoot网上超市,系统包含两种角色:用户、管理员,系统分为前台和后台两大模块,主要功能如下: 1 管理员功能实现 商品信息管理 管理员可以通过提交商品名称查询商品,并查看该商品的用户评论信息。 用户管理 管理员通过提交用户名来获取用户资料,对有异常情况的用户信息进行修改,并可以详细查看用户资料。 商品评价管理 管理员审核用户对商品的评价,经过审核的评价才会显示,并可以统计商品评价信息。 已支付订单 管理员查看已支付的订单,并逐个进行订单发货。 2 用户功能实现 商品信息 用户可以收藏、立即购买商品,或对商品进行评价,同时将商品添加到购物车。 购物车 用户可以直接下单购买购物车中的商品,或删除购物车中的商品。 确认下单 用户选择地址,查看支付金额信息,以确认订单之前的所有细节。 已支付订单 用户查看已支付的订单,若对购买商品产生后悔,可以申请退款。 二、项目技术 开发语言:Java 数据库:MySQL 项目管理工具:Maven Web应用服务器:Tomcat 前端技术:Vue、 后端技术:SpringBoot框架 三、运行环境 操作系统:Windows、macOS都可以 JDK版本:JDK1.8以上版本都可以 开发工具:IDEA、Ecplise都可以 数据库: MySQL 5.7/8.0版本均可 Tomcat:7.x、8.x、9.x版本均可 Maven:任意版本都可以

    1_媒工十佳决赛RUNDOWN 2.xlsx

    1_媒工十佳决赛RUNDOWN 2.xlsx

    c#联合opencvsharp开发的视觉源码程序包含模板匹配,找线找圆,预处理等功能全部源码,包含图像显示控件,绘制roi

    c#联合opencvsharp开发的视觉源码程序 包含模板匹配,找线找圆,预处理等功能 全部源码,包含图像显示控件,绘制roi

    基于STC89C52单片机的信号发生器20172086102何雨莉_3.zip

    基于STC89C52单片机的信号发生器20172086102何雨莉_3.zip

    2023年西南大学网络与继续教育学院楼宇自动化作业答案.docx

    2023年西南大学网络与继续教育学院楼宇自动化作业答案.docx

    基于SpringBoot与Vue的智慧养老手表管理系统:家庭树、健康数据监控及权限控制

    内容概要:本文详细介绍了基于SpringBoot和Vue构建的智慧养老手表管理系统的关键技术和实现细节。系统主要由家长和养老院管理员两种角色组成,家长可以通过智能手表实时查看老人的健康数据,而管理员则可以进行更全面的数据管理和权限控制。文中重点讨论了家庭树功能的实现,包括使用MyBatis的动态SQL处理复杂的家庭关系查询,以及前端用Vue的el-tree组件展示家庭树结构。健康数据监控方面,系统利用SpringBoot的@Scheduled定时任务生成日报,并通过ECharts进行数据可视化。此外,还涉及了权限控制、加好友功能、熔断机制等多个方面的技术实现。 适合人群:具有一定编程经验的开发者,尤其是熟悉SpringBoot和Vue框架的工程师。 使用场景及目标:适用于开发类似智慧养老系统的项目,旨在提高老年人健康管理的效率和安全性。目标是通过智能手表实时监测老人健康状况,提供及时的健康报告和预警,同时确保系统的稳定性和安全性。 其他说明:文中提到的技术细节对于理解和实现类似的前后端分离架构非常有帮助,特别是关于MySQL 5.7的使用和优化,以及如何处理第三方设备接口的不稳定问题。

    2023年计算机二级资料.doc

    2023年计算机二级资料.doc

    2023年电大数据结构形成性考核册.doc

    2023年电大数据结构形成性考核册.doc

    软考-网络工程师易错100题 2025年

    网络工程师易错100题 2025年

    2023年电子商务技能竞赛方案.doc

    2023年电子商务技能竞赛方案.doc

    2024年大数据软件项目深度研究分析报告.docx

    2024年大数据软件项目深度研究分析报告.docx

    基于Matlab小波变换与凯伦布尔变换的输电线路单相接地故障双端行波测距方法

    内容概要:本文详细介绍了利用Matlab/Simulink构建输电线路单相接地故障测距模型的方法。首先,通过建立110kV输电线路的Simulink模型,采用Bergeron模型作为线路参数。接着,利用小波变换提取故障行波的模极大值点,结合凯伦布尔变换消除工频分量,从而精确计算故障位置。文中提供了详细的代码实现步骤,包括信号预处理、小波分解、模极大值检测以及时间差计算等。此外,还讨论了常见调试经验和避坑指南,如采样率设置、接地电阻限制等。最后,通过多个测试案例验证了模型的有效性和准确性。 适合人群:从事电力系统故障诊断的研究人员和技术人员,尤其是对小波变换和凯伦布尔变换感兴趣的工程师。 使用场景及目标:适用于输电线路单相接地故障的精确定位,旨在提高电力系统的可靠性和维护效率。通过掌握本文提供的方法,技术人员能够快速准确地找到故障点,减少停电时间和维修成本。 其他说明:本文不仅提供了理论解释,还包括具体的代码实现和调试建议,有助于读者更好地理解和应用所学知识。

Global site tag (gtag.js) - Google Analytics