<!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地图 点击时取经纬度相关推荐

  1. android百度地图单点定位_Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡...

    一.问题描述 上一次我们使用百度地图实现基本的定位功能,接下来我们继续实现搜索和定位,并使用LocationOverlay绘制定位位置,同时展示如何使用自定义图标绘制并点击时弹出泡泡 如图所示: 二. ...

  2. android gridview item 点击,Android-取消GridView/ListView item被点击时的效果

    方法一,在控件被初始化的时候设置 gridView.setSelector(new ColorDrawable(Color.TRANSPARENT)); listView.setSelector(ne ...

  3. html地图无法点击,无法触发谷歌地图标记点击事件从HTML按钮

    我尝试创建一个HTML按钮,可以触发谷歌地图上的标记的点击事件,所以每当我点击按钮,地图将自动放大到标记和显示infowindow.这里是我的代码无法触发谷歌地图标记点击事件从HTML按钮 Semua ...

  4. Region实战SVG地图点击

    Region实战SVG地图点击 转自:http://blog.csdn.net/lmj121212/article/details/72832087 效果如下: 点击相应地图位置,判断选中的区域 技术 ...

  5. 高德地图点击marker图标改变效果实现过程

    想在集成的高德地图中实现一个marker受到点击时,图标变大的效果,网上查了好多,要么不符合我的需求,要么语焉不详,干脆自己动手写了个,现在把代码分享出来 aMap.setOnMarkerClickL ...

  6. 百度地图和51地图API应用开发

    最近因为工作需要,领导要我将51地图API开发的一个应用迁移到百度地图,或者说用百度地图API进行重写,实现同样的功能.我先是把现有的这个51地图的应用了解了一下,然后就试着用百度地图做一些demo, ...

  7. 大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊

    这里写自定义目录标题 大屏页面使用transform属性scale进行缩放,高德地图点击事件失效,地图展示模糊 1.大屏缩放自适应时使用tansform scale 缩放 1.1.window.res ...

  8. 在Google地图上找到经度和纬度的方法

    谷歌地图(交通地图)上并没有显示某个地址的经纬度,实际上,我们已经想到了一个办法,可以找到在谷歌地图上任意地点的经度和纬度. 首先打开Google地图,在上面寻找一个地址,然后上下左右移动地图,让这个 ...

  9. 51 地图基本接口(二)

    1. 51 map 地图接口 地图接口是我们用的非常多的一个接口,通常用于显示地图的地理位置和突出显示某个地理位置.当然这里只是一个普通的显示显示地图,我们还可以通过搜索来确定地理位置,这将在后面的文 ...

最新文章

  1. Abaqus中施加移动车辆荷载(待整理)
  2. 代码提示级别设置 inspection
  3. K-均值聚类算法对未标注数据分组(1)
  4. 深度学习之基于CNN实现天气识别
  5. Ubuntu开启NFS、SSH服务(驱动开发用到、电脑端登录ARM板用到)
  6. spring定时注解方式定时写到xml里面融合
  7. C++远航之封装篇——构造函数
  8. java hdfs导入hbase_使用BulkLoad批量导入数据到HBase中
  9. 转(matlab绘制不同形状)
  10. 学习图(最短路径)算法
  11. 训练网络时如何加入噪声_[模型量化] 如何训练一个“耐量化”的网络?
  12. 分享240道有意思的逻辑思维题
  13. YUV Alpha Blend 推导过程
  14. 物联网毕业设计 太空游戏机设计与实现
  15. maximo开发经验
  16. Ubuntu(debian)问题解决方案合集
  17. 齐博x2如何新增自定义字段
  18. Flash 视频蓬勃发展
  19. ABAP编程 选择屏幕字段权限检查--公司代码事例
  20. python自动标注autocad坐标_Python+matplotlib数据可视化鼠标悬停自动标注功能实现

热门文章

  1. 计算机毕业设计ssm基于SSM框架的股票交易系统3cwg3系统+程序+源码+lw+远程部署
  2. python解包exe_Pyinstaller打包的EXE之解包
  3. python打包成可执行文件_将Python文件打包成.EXE可执行文件的方法
  4. CentOS 安装 微软雅黑字体
  5. [编程题]蓄水池大作战 Golang 面相对象 无需算法 有手就行
  6. cad抛物线曲线lisp_CAD画缓和曲线lisp程序精编版
  7. sin函数对照表_三角函数表值对照表格
  8. 金融×元宇宙:虚实交融共进下的金融体系
  9. matlab 离散阶跃函数,matlab阶跃函数
  10. 离散小波变换(DWT)