51地图 点击时取经纬度
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Maps API</title>
<!--1、引入JavaScript文件-->
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
</head>
<body>
<!--3、创建地图对象-->
<script language="javascript">
var toolTipLayer=document.createElement("DIV");
toolTipLayer.id="myMap";
toolTipLayer.style.position="absolute";
toolTipLayer.style.left="200px";
toolTipLayer.style.width="400px";
toolTipLayer.style.height="300px";
toolTipLayer.style.top="200px";
document.body.appendChild(toolTipLayer);
var maps = new LTMaps( "myMap" );
maps.cityNameAndZoom( "beijing" , 5 );
LTEvent.addListener( maps , "click" , b );
function b(p){
alert(p[0]);
alert(p[1]);
alert(p);
lpot=maps.getPointLatLng(p)//得到LTPOINT对象
var marker = new LTMarker( lpot);//产生标记
maps.addOverLay( marker );
alert("标记增加完成");
}
</script>
<srcipt language="javascript">
function c(e)
{
LTFunction.getEventPosition(e,document.getElementById("myMap"));
}
</script>
</body>
</html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<meta name="keywords" content="LTPolyLineControl.endDraw,LTPolyLineControl.setTips,LTPolygonControl.setTips,LTPolygonControl.endDraw,LTEvent.bind,JavaScript,灵图,51ditu Maps API,地图,范例文档,vml"/>
<title>我要地图-地图API-范例-双击结束测距控件</title>
<style type="text/css">v/:*{behavior:url(#default#VML);}</style>
<script language="javascript" src=http://api.51ditu.com/js/maps.js></script>
<script language="javascript">
var map;
function onLoad()
{
map=new LTMaps("mapDiv");
map.centerAndZoom(new LTPoint(11640969,3994940),6);
map.addControl(new LTStandMapControl());
//测面和测距控件使用方法相同
var control=new LTPolyLineControl(true);
control.setTips("双击结束");//改变操作提示文字内容
LTEvent.bind(map,"dblclick",control,control.endDraw);//在双击地图的时候调用结束操作
map.addControl(control);
LTEvent.bind(map,"click",control,b);//在双击地图的时候调用结束操作
}
function b(p){
lpot=map.getPointLatLng(p)//得到LTPOINT对象
alert(lpot.getLongitude());
}
</script>
</head>
<body οnlοad="onLoad()">
<div id="mapDiv" style="position:absolute;width:400px; height:300px;"><div align="center" style="margin:12px;"><a href="http://api.51ditu.com/docs/mapsapi/help.html" target="_blank" style="color:#D01E14;font-weight:bolder;font-size:12px;">看不到地图请点这里</a></div></div>
<div style="position:absolute;left:420px;">
<ul>
<li>查看<b>本页面源文件</b>可以了解如何使用51ditu Maps API实现本功能;</li><br/><br/>
<li>测距控件(测面控件也类似)默认通过鼠标右键单击完成操作,本范例演示如何更改为通过双击完成操作;</li>
<li>点击"测距离"按钮开始画线操作,完成后双击地图,完成画线过程;</li>
<br/><br/><li><a href="../../examples.html">返回所有范例列表</a></li>
</ul>
</div>
</body>
</html>
51地图 点击时取经纬度相关推荐
- android百度地图单点定位_Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡...
一.问题描述 上一次我们使用百度地图实现基本的定位功能,接下来我们继续实现搜索和定位,并使用LocationOverlay绘制定位位置,同时展示如何使用自定义图标绘制并点击时弹出泡泡 如图所示: 二. ...
- android gridview item 点击,Android-取消GridView/ListView item被点击时的效果
方法一,在控件被初始化的时候设置 gridView.setSelector(new ColorDrawable(Color.TRANSPARENT)); listView.setSelector(ne ...
- html地图无法点击,无法触发谷歌地图标记点击事件从HTML按钮
我尝试创建一个HTML按钮,可以触发谷歌地图上的标记的点击事件,所以每当我点击按钮,地图将自动放大到标记和显示infowindow.这里是我的代码无法触发谷歌地图标记点击事件从HTML按钮 Semua ...
- Region实战SVG地图点击
Region实战SVG地图点击 转自:http://blog.csdn.net/lmj121212/article/details/72832087 效果如下: 点击相应地图位置,判断选中的区域 技术 ...
- 高德地图点击marker图标改变效果实现过程
想在集成的高德地图中实现一个marker受到点击时,图标变大的效果,网上查了好多,要么不符合我的需求,要么语焉不详,干脆自己动手写了个,现在把代码分享出来 aMap.setOnMarkerClickL ...
- 百度地图和51地图API应用开发
最近因为工作需要,领导要我将51地图API开发的一个应用迁移到百度地图,或者说用百度地图API进行重写,实现同样的功能.我先是把现有的这个51地图的应用了解了一下,然后就试着用百度地图做一些demo, ...
- 大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊
这里写自定义目录标题 大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...
- 在Google地图上找到经度和纬度的方法
谷歌地图(交通地图)上并没有显示某个地址的经纬度,实际上,我们已经想到了一个办法,可以找到在谷歌地图上任意地点的经度和纬度. 首先打开Google地图,在上面寻找一个地址,然后上下左右移动地图,让这个 ...
- 51 地图基本接口(二)
1. 51 map 地图接口 地图接口是我们用的非常多的一个接口,通常用于显示地图的地理位置和突出显示某个地理位置.当然这里只是一个普通的显示显示地图,我们还可以通过搜索来确定地理位置,这将在后面的文 ...
最新文章
- Abaqus中施加移动车辆荷载(待整理)
- 代码提示级别设置 inspection
- K-均值聚类算法对未标注数据分组(1)
- 深度学习之基于CNN实现天气识别
- Ubuntu开启NFS、SSH服务(驱动开发用到、电脑端登录ARM板用到)
- spring定时注解方式定时写到xml里面融合
- C++远航之封装篇——构造函数
- java hdfs导入hbase_使用BulkLoad批量导入数据到HBase中
- 转(matlab绘制不同形状)
- 学习图(最短路径)算法
- 训练网络时如何加入噪声_[模型量化] 如何训练一个“耐量化”的网络?
- 分享240道有意思的逻辑思维题
- YUV Alpha Blend 推导过程
- 物联网毕业设计 太空游戏机设计与实现
- maximo开发经验
- Ubuntu(debian)问题解决方案合集
- 齐博x2如何新增自定义字段
- Flash 视频蓬勃发展
- ABAP编程 选择屏幕字段权限检查--公司代码事例
- python自动标注autocad坐标_Python+matplotlib数据可视化鼠标悬停自动标注功能实现
热门文章
- 计算机毕业设计ssm基于SSM框架的股票交易系统3cwg3系统+程序+源码+lw+远程部署
- python解包exe_Pyinstaller打包的EXE之解包
- python打包成可执行文件_将Python文件打包成.EXE可执行文件的方法
- CentOS 安装 微软雅黑字体
- [编程题]蓄水池大作战 Golang 面相对象 无需算法 有手就行
- cad抛物线曲线lisp_CAD画缓和曲线lisp程序精编版
- sin函数对照表_三角函数表值对照表格
- 金融×元宇宙:虚实交融共进下的金融体系
- matlab 离散阶跃函数,matlab阶跃函数
- 离散小波变换(DWT)