<!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. 使用GDataXML解析XML文档

    转载自:http://blog.csdn.net/tangren03/article/details/7868246 在IOS平台上进行XML文档的解析有很多种方法,在SDK里面有自带的解析方法,但是 ...

  2. opencv的初体验

    http://guoming.me/opencv-config  这篇文章有讲解opencv的安装与配置 一些常用库 opencv_core249d.lib opencv_imgproc249d.li ...

  3. java中封装

    .什么是封装? 封装就是将属性私有化,提供公有的方法访问私有属性. 做法就是:修改属性的可见性来限制对属性的访问,并为每个属性创建一对取值(getter)方法和赋值(setter)方法,用于对这些属性 ...

  4. Entity Framework (二) 查询

    待完善-------------------------------------- ----------- base 关键字用于从派生类中访问基类的成员: 调用基类上已被其他方法重写的方法. 指定创建 ...

  5. .NET开源项目介绍及资源推荐：数据持久层

    在.NET平台下,关于数据持久层框架非常多,本文主要对如下几种做简要的介绍并推荐一些学习的资源: 1．NHibernate 2．NBear 3．Castle ActiveRecord 4．iBATIS ...

  6. IntelliJ IDEA 15 创建maven项目

    说明 创建Maven项目的方式:手工创建 好处:参考IntelliJ IDEA 14 创建maven项目二(此文章描述了用此方式创建Maven项目的好处)及idea14使用maven创建web工程(此 ...

  7. SVN提交错误:working copy is not up-to-date解决方法

    我在项目中删了2个jar,然后SVN提交,一直提交不成功 svn在提交时报错如下图: working copy is not up-to-date svn:commit failed(details ...

  8. 基于密度的聚类之Dbscan算法

    一.算法概述 DBSCAN(Density-Based Spatial Clustering of Applications with Noise)是一个比较有代表性的基于密度的聚类算法.与划分和层次 ...

  9. 剑指offer--面试题19

    题目:求二叉树镜像 根据作者思路,自己所写代码如下: void BinaryTreeMirror(BinaryTreeNode* pRoot) { if(pRoot == NULL) return; ...

  10. [转载]如何申请淘宝app_key、app_secret、SessionKey？

    不知道如何申请淘宝开发平台的App Key?其实申请App key很简单,主要了解申请步骤以及各个App key的数据阶段状态就可以了!下面由淘客帝国为您做详细图文讲解!申请比较简单,不过为了新手能够 ...