<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>获取腾讯soso地图的坐标</title>

<script charset="utf-8" src="http://api.map.soso.com/v1.0/main.js"></script>

<script charset="utf-8" src="http://api.map.soso.com/doc/js/MarkerPicker.js"></script>

<script type="text/javascript">

function init() {

    var markers = [];

  var map = new soso.maps.Map(document.getElementById("map_container"), {

        // 地图的中心地理坐标。

          center: new soso.maps.LatLng(28.766050,104.630753)

  });

    //这里可以定义一个预设的标注比如 var point = ["39.894454","116.433952"];

    if (typeof(point) !== 'undefined') {

        map.moveTo(new soso.maps.LatLng(point[0],point[1]));

        map.zoomTo(13);

        var marker = new soso.maps.Marker({

            position: (new soso.maps.LatLng(point[0],point[1])),

            map: map

        });

        markers.push(marker);

    }

    var stack=[];//声明一个数组，用来保存标注位置的坐标

    var MarkerPicker=new soso.maps.MarkerPicker({

        element:document.getElementById("btn"),

        width:600,

        height:500

    });//创建MarkerPicker类的一个实例

    MarkerPicker.setIcon("http://api.map.soso.com/doc/img/pin_3.png",[0,44],[39,39]);

    //给MarkerPicker对象绑定mark事件

    soso.maps.Event.addListener(MarkerPicker,"save",function(latlng){

        stack.push(this.lat+","+this.lng);

        //document.getElementById("ditu").value=stack[0];

        map.moveTo(new soso.maps.LatLng(this.lat, this.lng));

        map.zoomTo(13);

        clearOverlays(markers);

        var marker = new soso.maps.Marker({

            position: (new soso.maps.LatLng(this.lat, this.lng)),

            map: map

        });

        markers.push(marker);

        document.getElementById("nodethemap").value=stack.join();

    });

}

//清除地图上的marker

function clearOverlays(overlays){

    var overlay;

    while(overlay = overlays.pop()){

        overlay.setMap(null);

    }

}

window.onload=init;

</script>

</head>

<body>

  <input type="text"  id="nodethemap" class="px"  style="width:200px"/>

  <span id="btn" class="btnGreen">标注位置</span> <br />

  <br />

  <div style="width:400px;height:200px;border:1px solid #ccc;" id="map_container"></div>

</form>

</body>

</html>

获取腾讯soso地图坐标代码的更多相关文章

  1. PIE SDK专题制图下屏幕坐标转地图坐标

    1.    功能简介 PIESDK提供了专题制图下鼠标屏幕坐标转地图坐标功能. 2. 功能实现说明 2.1屏幕坐标转地图坐标 此功能用到了IPageLayout.ToMapPoint()方法,它的主要 ...

  2. 小记 百度地图 soso地图 经纬度偏移

    项目里遇到了这么个问题,数据库原有数据是微信上用的,所以是soso地图坐标, 但是现在要做百度地图,坐标偏移严重,网上找了也没说偏移多少,自己手动测试10多分钟,得到个大概值,反正差不多就行了. so ...

  3. 微信小程序--百度地图坐标转换成腾讯地图坐标

    最近开发小程序时出现一个问题,后台程序坐标采用的时百度地图的坐标,因为小程序地图时采用的腾讯地图的坐标系,两种坐标有一定的误差,导致位置信息显示不正确.现在需要一个可以转换两种坐标的方法,经过查询发现 ...

  4. 微信JS-SDK坐标位置转换为百度地图坐标

    微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流 ...

  5. iOS 之地图坐标体系和转换

    一.坐标体系 首先我们要明白,开发者能接触到哪些坐标体系呢? 第一种分类: 1. GPS,WGS-84,原始坐标体系.一般用国际标准的GPS记录仪记录下来的坐标, 都是GPS的坐标.很可惜,在中国,任 ...

  6. 时时获得高德地图坐标 http://lbs.amap.com/console/show/picker

    1.高德地图标注 在做开发时,或者做高德地图标注的时候,要用到高德地图的坐标,时时获得高德地图坐标 http://lbs.amap.com/console/show/picker 老的高德地图标注地址 ...

  7. C# JackLib系列之如何获取地球上两经纬度坐标点间的距离

    获取地球上两经纬度坐标点间的距离,利用[大圆距离公式]   A diagram illustrating great-circle distance (drawn in red) between tw ...

  8. 微信公众号开发《三》微信JS-SDK之地理位置的获取，集成百度地图实现在线地图搜索

    本次讲解微信开发第三篇:获取用户地址位置信息,是非常常用的功能,特别是服务行业公众号,尤为需要该功能,本次讲解的就是如何调用微信JS-SDK接口,获取用户位置信息,并结合百度地铁,实现在线地图搜索,与 ...

  9. 百度和谷歌的逆地址解析及GPS、谷歌地图和百度地图坐标之间的转换（python版）

    #!/usr/bin/env python # coding:utf-8 # @author: KaiVen """ GPS坐标转换: WGS-84:是国际标准,GPS坐 ...

随机推荐

  1. CentOS如何分区

    安装Linux CentOS时,需要在硬盘建立CentOS使用的分区,在大多情况下,至少需要为CentOS建立以下3个分区. (1)/boot分区(不是必须的):/boot分区用于引导系统,它包含了操 ...

  2. Global::pickClassMethod_DNT

    /*************************************************** Created Date: 19 Jul 2013 Created By: Jimmy Xie ...

  3. GoldenGate 基础架构

    一.Goldengate 产品家庭 Goldengate:核心产品 Goldengate Director :现已更名为Goldengate Management Pack,为Goldengate提供 ...

  4. 提高Linux安全性--hosts.allow, hosts.deny 文件修改方法

    有一种办法来提高Linux安全性--修改 hosts.allow , hosts.deny 这2个文件来配置 允许某个ip访问, 或者禁止访问. 可以通过这种方式设置限制 sshd 的远程访问, 只允 ...

  5. WPF 在画布中布局N行N列的实现方法

    最近写一个WPF项目,中间有一个实现在画布中排列的问题(整齐摆列几行几列的算法).本人逻辑有点差啊,废了老大功夫才实现,也没啥就牛逼的,就是拿出来分享一下,给需要的同学节省点时间,如果有用的话别忘赞一 ...

  6. .NET开发作业调度(job scheduling) - Quartz.NET

    Quartz.NET是JAVA Job Scheduling框架Quartz在.NET平台上的实现,可以满足小型乃至大型企业应用中的Job Scheduling. 通过Nuget安装Quartz.NE ...

  7. N个顶点构成多边形的面积

    Input 输入数据包含多个测试实例,每个测试实例占一行,每行的开始是一个整数n(3<=n<=100),它表示多边形的边数(当然也是顶点数),然后是按照逆时针顺序给出的n个顶点的坐标(x1 ...

  8. AFNetwork作用和用法详解

    AFNetwork是一个轻量级的网络请求api类库.是以NSURLConnection, NSOperation和其他方法为基础的. 下面这个例子是用来处理json请求的:NSURL *url = [ ...

  9. KAFKA分布式消息系统

    2015-01-05 大数据平台 Hadoop大数据平台 基本概念 kafka的工作方式和其他MQ基本相同,只是在一些名词命名上有些不同.为了更好的讨论,这里对这些名词做简单解释.通过这些解释应该可以 ...

  10. View模版的设计

    一个Action多套View模版的设计   回到目录 模块化 这个问题是在做模块化设计时出现的,在Lind.DDD.Plugins模块里,需要对应的模块实体,模块管理者,模块标识接口等,开发时,如果你 ...