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

    <title></title>

    <link rel="stylesheet" type="text/css" href="http://192.168.1.205:810/arcgis_js_api/library/3.9/3.9/js/dojo/dijit/themes/tundra/tundra.css"/>

    <link rel="stylesheet" type="text/css" href="http://192.168.1.205:810/arcgis_js_api/library/3.9/3.9/js/esri/css/esri.css" />

    <script type="text/javascript" src="http://192.168.1.205:810/arcgis_js_api/library/3.9/3.9/init.js"></script>

    <script type="text/javascript" src="dojo/jsapi_vsdoc10_v38.js"></script>

    <script type="text/javascript">

        dojo.require("esri.map");

        dojo.ready(function () {

            var MyMap = new esri.Map("MyMapDiv");

            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://XXX/ArcGIS/rest/services/20130610_1454/MapServer");

            var point = new esri.geometry.Point(118.0605760000, 36.8424320000, MyMap.spatialReference);

            //地图首次加载显示的位置和放大级别

            MyMap.centerAndZoom(point, 8);

            MyMap.addLayer(myTiledMapServiceLayer);

            //创建图层

            var graphicLayer = new esri.layers.GraphicsLayer();

            //把图层添加到地图上

            MyMap.addLayer(graphicLayer);

            //设置标注的经纬度

            //方法一

            var pt = new esri.geometry.Point(118.0605760000, 36.8424320000, MyMap.spatialReference);

            //方法二

            //  var pt = new esri.geometry.geographicToWebMercator(new esri.geometry.Point({

            //    "x": 118.0605760000,

            //    "y": 36.8424320000,

            //    "spatialReference": { "wkid": 102113 }

            //            }));

            //设置标注显示的图标

            //var symbol = new esri.symbol.SimpleMarkerSymbol();

            var symbol = new esri.symbol.PictureMarkerSymbol("images/red.png", 25, 25);

            //要在模版中显示的参数

            var attr = { "address": "山东省淄博市张店区" };

            //创建模版

            var infoTemplate = new esri.InfoTemplate("标题", "地址:${address}");

            //创建图像

            var graphic = new esri.Graphic(pt, symbol, attr, infoTemplate);

            //把图像添加到刚才创建的图层上

            graphicLayer.add(graphic);

            //注册事件，注意事件名大小写敏感

            //鼠标在地图上移动地图坐标的事件

            dojo.connect(MyMap, "onMouseMove", showCoordinates);

            //鼠标按下后，拖动地图显示坐标的事件

            dojo.connect(MyMap, "onMouseDrag", showCoordinates);

        });

        //显示地图坐标

        function showCoordinates(evt)

        {

            var mp = evt.mapPoint;

            dojo.byId("info").innerHTML = "坐标：" + mp.x + " , " + mp.y;

        }

    </script>

</head>

<body>

<div id="MyMapDiv" style=" width:600px; height:500px; border:1px solid #000" class="MapClass"></div>

<p id="info"></p>

</body>

</html>

ArcGIS 在地图上添加标注的更多相关文章

  1. 【百度地图API】如何在地图上添加标注？——另有：坐标拾取工具+打车费用接口介绍

    原文:[百度地图API]如何在地图上添加标注?--另有:坐标拾取工具+打车费用接口介绍 摘要: 在这篇文章中,你将学会,如何利用百度地图API进行标注.如何使用API新增的打车费用接口. ------ ...

  2. ArcGIS Javascript地图上添加json数据格式的点

    /** * 显示地图点. * json的格式[{"name":"name1","x":"x1","y" ...

  3. 【百度地图API】建立全国银行位置查询系统（三）——如何在地图上添加银行标注

    原文:[百度地图API]建立全国银行位置查询系统(三)--如何在地图上添加银行标注 <摘要>你将在第三章中学会以下知识: 如何在地图上添加带银行logo的标注?(你也可以换成商场logo, ...

  4. GMap.Net开发之在地图上添加多边形

    上一篇介绍了在GMap上添加自定义标签(GMapMarker),这篇介绍在GMap上添加多边形(GMapPolyogn),并且介绍如何在地图上画任意的多边形. 如果已经知道了多边形的各个点的位置,就可 ...

  5. google maps js v3 api教程(2) -- 在地图上添加标记

    原文链接 google maps javascript官方文档:https://developers.google.com/maps/documentation/javascript/ 我们在创建地图 ...

  6. 在地图上添加POI

    使用Tangram的Marker, 可以在地图上做各种标记, 效果图: Tangram是通过Marker在地图上添加标记的,Marker分Point, Polyline和Polygon三种, 分别对应 ...

  7. 微信小程序--地图上添加图片

    如何在微信小程序地图添加上,添加图片? 在微信小程序中,地图的层级最高,所以我们没有办法,通过定位,在地图上添加图片等信息; 处理办法: 添加控件:controls; 其中有个属性position,进 ...

  8. 利用WPF建立自己的3d gis软件（非axhost方式）（四）在地图上添加FrameworkElement

    原文:利用WPF建立自己的3d gis软件(非axhost方式)(四)在地图上添加FrameworkElement 先下载SDK:https://pan.baidu.com/s/1M9kBS6ouUw ...

  9. Google Map API v2 （三）----- 地图上添加标记（Marker），标记info窗口，即指定经纬度获取地址字符串

    接上篇 http://www.cnblogs.com/inkheart0124/p/3536322.html 1,在地图上打个标记 private MarkerOptions mMarkOption; ...

随机推荐

  1. linux内核--进程地址空间（三）

    引言:上篇博文中,我们简单的介绍了Linux虚拟存储器的概念及组成情况,下面来分析分析进程的创建和终结及跟进程地址空间的联系. 这里首先介绍一个比较重要的概念:存储器映射 在Linux系统中,通过将一 ...

  2. bzoj1558

    好题,初看以为只要差分然后维护相同的段数目但是请注意下面的情况2 3 5 8 9 1 2 3 4 这显然答案是3而不是4因此我们还要再维护ld,rd表示左右单独的段长度和s表示不包括左右单独的段,中间 ...

  3. HDU 5934 Bomb 【图论缩点】（2016年中国大学生程序设计竞赛（杭州））

    Bomb Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...

  4. vijosP1159 岳麓山上打水

    vijosP1159 岳麓山上打水 链接:https://vijos.org/p/1159 [思路] 迭代加深搜索+完全背包判断. 自己没有思路,看的别人代码. 总体上讲就是不断增大桶的数目并以之为上 ...

  5. 开发小技巧：C#逐个输出字符

    静态自定义方法: static int counter = 0; static string displayString = "This string will appear one let ...

  6. Windows不能在本地计算机启动OracleDBConsoleorcl .错误代码2

    Windows 不能在 本地计算机 启动 OracleDBConsoleorcl.有关更多信息,查阅系统事件日志.如果这是非 Microsoft 服务,请与服务厂商联系,并参考特定服务错误代码 2. ...

  7. OpenSUSE SuSEfirewall2

    1,修改SuSEfirewall2配置文件放行相应的端口方法vim /etc/sysconfig/SuSEfirewall2#TCP端口的情况:FW_SERVICES_EXT_TCP ="2 ...

  8. 构建CMDB的一些启发

    开篇感言: 自从学习python自动化开发以来,一直都是从技术的角度来看待一切.以为技术就是王道.但显然我是一只井底之蛙.其实技术只不过是实现功能的工具而已,仅此而已.后来学习了解CMDB,越来越发现 ...

  9. hdoj 1869 六度分离【最短路径求两两边之间最长边】

    六度分离 Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Submis ...

  10. LCS算法

    转自:http://hzzy-010.blog.163.com/blog/static/79692381200872024242126/  好详细~~~也十分好理解~~~ 最长公共子序列问题(非连续的 ...