介绍:Leaflet是一个开源的JavaScript库,对移动端友好且对地图有很好的交互性. 大小仅仅只有 33 KB, 同时具有大多数地图所需要的特点. Leaflet设计的非常简单易懂, 同时具有很好的性能和易用性. 它在桌面端和移动端都工作的相当高效,并有大量的插件用于扩张Leaflet的功能.微信公众号:673399718嘻嘻demo图如下: 使用leaflet.js生成世界地图非常方便,配置参数记录下,有兴趣的可以看看本例中引入jquery操作dom.首先:在页面的头部引入css文件c

在地图上点击要素查看要素信息,也就是identify功能 script部分 // 通过枚举索引获取枚举名称 function getEnumTextByIdx(enumObj, idx) { for (var item in enumObj) { var itemValue = enumObj[item]; if (itemValue == idx) { return item; } } } // 通过fid获取要素的字段属性值 function getAttrValueByFid(featur

百度地图JavaScript API经纬度查询-MAP-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size="20" name="keyword" id="keyword" /> <input type="submit" value="提交" onclick="MblogDotccMap(documen

最近做项目想要在百度地图上叠加显示echart的散点图,然后根据地图的缩放等级和区域范围要显示不同的散点图,这中间折腾了好久.功能要求包括: (1)底图使用百度地图: (2)可以在地图上叠加显示echart的散点图: (3)鼠标移动到散点图上面之后,可以浮动显示相关信息: (4)能够获取当前显示区域地图的经纬度范围: (5)能够响应地图的拖拽和缩放事件: 这里有两种选择: 1. 使用echart2的百度地图扩展,1, 3, 4, 5 都可以满足,就是2满足不了,他的一个series的所有图标样式

清流: <div style="clear:both"></div> 获取img的路径到TextBox3内: //获取展示的头像的集合var _heads = document.getElementsByClassName("heads_item"); for (var i = 0; i < _heads.length; i++) { _heads[i].onclick = function () { for (var j = 0; j

一.使用$('body').on('click','.index',function(event){})绑定事件时,例: <div class="project-box"> <a href="javascript:void(0)"> <div class="clearfix"> <p>项目名称:</p> <p class="p-name">超级玛丽 for

页面中php传值后循环列表js获取点击的id值进行js操作 <script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script> <script type="text/javascript"> function jump(id) { window.location.href = "/shengchan/zhlhfk/Adm

一.PC PC是通过鼠标点击和移动,相对比较简单,比如onmousedown.onmouseup.onmousemove.onmouseout鼠标按键按下.按键起来.鼠标在元素上移动.鼠标从元素上离开. canvas.onmousedown = function(e) { console.log(e.clientX, e.clientY); } canvas.onmouseup = function(e) { console.log(e.clientX, e.clientY); } canvas

获取点击li的当前索引 点击特定次序的li  展现特定的页面 $('.wgsb').find('.wangge_data_list li').click(function(){ var index=$('.wgsb').find('.wangge_data_list li').index($(this)); //alert(1); $('.wangge_data_list01').eq(index).css("display","block").siblings('

遇到一需求,一般都是点击图后获取其中一组数据就可以了,不需要详细到获取点击了当前X轴对应的其中的哪个, 今天的需求是 Echarts点击多组数据多个柱子中的一个柱子,获取当前点击的是第几组数据,并获取点击的是当前组别第几根柱子,以及对应横坐标 下面是解决方案 先上图 再上代码 option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, toolbox

silverlight代码: 地图的name值是myMap.后台在页面初始化的时候,添加地图的点击事件 myMap.MouseClick+=new EventHandler<Map.MouseEventArgs>(myMap_MouseClick); #region /////////////////////////////////////////////////地图事件 和 坐标 private void myMap_MouseClick(object sender, Map.MouseEv

function setPlace(map,myValue,callback){ function getAddress(){ var pp = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果 map.centerAndZoom(pp, 18); var marker = new BMap.Marker(pp);// 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.enableDragging

<?php $address = "广东省广州市天河区"; $point = getPoint($address); var_dump($point);//输出经纬度 /** * [根据详细地址获取经纬度] * 20170920 * * @param $address * @return array */ function getPoint($address){ $url = "http://apis.map.qq.com/jsapi?qt=geoc&addr=

myChart.on('click', function (params) { var city = params.name; loadChart(city); });

大家好,这次来分享干货.做地理分析的同学,或者需要使用地图却不知道哪里有矢量数据的时候,怎么办呢? 这次,我就告诉大家哪里能自己手工制作矢量点线面数据!注意哦,是自己绘制的. 使用到的软件: ArcGIS Earth 1.5 ArcGIS Desktop - ArcMap 需要预备的知识: 知道什么是kml文件,什么是kmz文件: 知道什么是shp文件,什么是地理数据库: 知道如何用ArcMap矢量化地图: --------分割线-------- 1. 下载安装 ArcGIS Earth 1.5

关于点击(包括左击,双击,右击等)echarts图形任意一点,获取相关的图形数据,尤其是多图,我想部分人遇到这个问题一直很头大.下面我用举例说明,如何在多图联动基础上,我们点击点击任意一个图上任意一点绘制,在点击处绘制一条标注线.多图联动的用法,我就不详细解释,不明白或者感兴趣的同学可以看我上一篇:http://www.cnblogs.com/mobeisanghai/p/7683158.html ,虽然最近很忙,很久没更新,但是基本清晰.关于引入样式和js,以及初始元素如下: <script

关于点击(包括左击,双击,右击等)echarts图形任意一点,获取相关的图形数据,尤其是多图,我想部分人遇到这个问题一直很头大.下面我用举例说明,如何在多图联动基础上,我们点击任意一个图上任意一点,在点击处绘制一条标注线.多图联动的用法,我就不详细解释,不明白或者感兴趣的同学可以看我上一篇:http://www.cnblogs.com/mobeisanghai/p/7683158.html ,虽然最近很忙,很久没更新,但是基本清晰.关于引入样式和js,以及初始元素如下: <script src=

一.使用步骤 说明:给你一大串坐标list.计算每个点到其他所有点的最近最远平均距离. 1.打开百度地图api在线demo(随便一个都行) 2.替换<script></script>的内容如下. 3.点击运行.完美呈现,arry部分就是给的经纬度坐标list,根据需求自己替换.最后log部分是我的开发环境所需要的格式.其他的程序自己配置obj的字段. <script type="text/javascript"> var mp = new BMap.

    protected  void getip()         {             string ips = HttpContext.Current.Request.UserHostAddress; // 获取ip             string url = "http://api.map.baidu.com/location/ip?ak=f23sfw323#swer&ip=" + ips + "&coor=bd09ll&call

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <script type=

写html时这样绑定 <input type="text" name="address4" id="address4" onFocus="open1(this);"> 函数则加一个对象 function open1(ob) { var id=$(ob).attr("id"); alert(id); } 如果是超链接,这样写是无效的,获取不到id <a href="javascri