V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
imydou
V2EX  ›  JavaScript

arcgis 获取坐标点 的问题

  •  
  •   imydou · 2015-08-06 11:28:40 +08:00 · 3810 次点击
    这是一个创建于 3379 天前的主题,其中的信息可能已经有所发展或是发生改变。

    客户提供的资料没有具体接口,仅提供如下两个链接。

    如下

    本接口仅用于测试 测试没问题后,请联系我,我提供正式的服务地址

    http://218.58.61.50:6080/arcgis/rest/services/QD/YXQP/MapServer

    示例:
    http://218.58.61.50:6080/arcgis/rest/services/QD/YXQP/MapServer?f=jsap...

    如上

    需要点击地图某点,返回坐标。

    有了解arcgis的朋友帮忙看下,万分感谢!

    pixstone
        1
    pixstone  
       2015-08-06 13:30:57 +08:00   ❤️ 1
    imydou
        2
    imydou  
    OP
       2015-08-08 17:28:05 +08:00
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>地图初始加载定位到当前城市</title>
    <style type="text/css">
    body{
    margin:0;
    height:100%;
    width:100%;
    position:absolute;
    }
    #mapContainer{
    position: absolute;
    top:0;
    left: 0;
    right:0;
    bottom:0;
    }

    #tip{
    height:45px;
    background-color:#fff;
    padding-left:10px;
    padding-right:10px;
    border:1px solid #969696;
    position:absolute;
    font-size:12px;
    right:10px;
    bottom:20px;
    border-radius:3px;
    line-height:45px;
    }
    </style>
    </head>
    <body>
    <input type="hidden" id="lngX" name="lngX" value=""/>
    <input type="hidden" id="latY" name="latY" value=""/>

    <div id="mapContainer"></div>
    <div id="tip">
    <div id="info"></div>
    </div>

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=94130b7d9999d8e1e1146a711955f2b3"></script>
    <script type="text/javascript">
    //初始化地图对象,加载地图
    ////初始化加载地图时,若center及level属性缺省,地图默认显示用户当前城市范围
    var map = new AMap.Map('mapContainer', {
    resizeEnable: true,
    view: new AMap.View2D({
    //center: new AMap.LngLat(116.397428, 39.90923),
    zoom: 13
    })
    });
    //地图中添加地图操作ToolBar插件
    map.plugin(['AMap.ToolBar'],function(){
    //设置地位标记为自定义标记
    var toolBar = new AMap.ToolBar();
    map.addControl(toolBar);
    });



    //为地图注册click事件获取鼠标点击出的经纬度坐标
    var clickEventListener=AMap.event.addListener(map,'click',function(e){
    document.getElementById("lngX").value=e.lnglat.getLng();
    document.getElementById("latY").value=e.lnglat.getLat();
    geocoder();
    });





    //已知点坐标
    function geocoder() {
    //var lnglatXY = new AMap.LngLat(116.396574,39.992706);
    //alert(document.getElementById("lngX").value);
    //alert(document.getElementById("latY").value);
    lngX = document.getElementById("lngX").value;
    latY = document.getElementById("latY").value;
    //alert(lngX);
    //alert(latY);
    var lnglatXY = new AMap.LngLat(lngX,latY);
    var MGeocoder;
    //加载地理编码插件
    AMap.service(["AMap.Geocoder"], function() {
    MGeocoder = new AMap.Geocoder({
    radius: 1000,
    extensions: "all"
    });
    //逆地理编码
    MGeocoder.getAddress(lnglatXY, function(status, result){
    if(status === 'complete' && result.info === 'OK'){
    geocoder_CallBack(result);
    }
    });
    });
    //加点
    map.clearMap();
    var marker = new AMap.Marker({
    map:map,
    icon: new AMap.Icon({
    image: "http://cache.amap.com/lbs/static/jsdemo001.png",
    size:new AMap.Size(58,30),
    imageOffset: new AMap.Pixel(-32, -0)
    }),
    position: lnglatXY,
    offset: new AMap.Pixel(-5,-30)
    });
    map.setFitView();
    }
    //鼠标划过显示相应点
    var marker;
    function onMouseOver (e) {
    var coor = e.split(','),
    lnglat = new AMap.LngLat(coor[0], coor[1]);
    if (!marker) {
    marker = new AMap.Marker({
    map:map,
    icon: "http://webapi.amap.com/images/0.png",
    position: lnglat,
    offset: new AMap.Pixel(-10, -34)
    });
    } else {
    marker.setPosition(lnglat);
    }
    map.setFitView();
    }
    //回调函数
    function geocoder_CallBack(data) {
    var resultStr = "";
    var poiinfo="";
    var address;
    //返回地址描述
    address = data.regeocode.formattedAddress;
    //返回周边兴趣点信息
    //for(var j=0;j<data.regeocode.pois.length;j++){
    for(var j=0;j<1;j++){
    var color = j % 2 === 0 ? '#fff' : '#eee';
    //poiinfo += "<tr onmouseover='onMouseOver(\"" + data.regeocode.pois[j].location.toString() + "\")' style='background-color:" + color + "; margin:0; padding:0;'><td>" + data.regeocode.pois[j].name + "</td><td>距离:" + data.regeocode.pois[j].distance + "米</td></tr>";
    poiinfo += " " + data.regeocode.pois[j].name + " 距离:" + data.regeocode.pois[j].distance + "米";
    }
    //返回结果拼接输出
    resultStr = "地址:"+ address + " " + poiinfo +" ";
    document.getElementById("info").innerHTML = resultStr;
    }
    </script>
    </body>
    </html>
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3352 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 10:56 · PVG 18:56 · LAX 02:56 · JFK 05:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.