<!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. 【网络流24题】No.11(航空路线问题 最长不相交路径 最大费用流)

    [题意] 给定一张航空图, 图中顶点代表城市, 边代表 2 城市间的直通航线. 现要求找出一条满足下述限制条件的且途经城市最多的旅行路线.(1) 从最西端城市出发,单向从西向东途经若干城市到达最东端城 ...

  2. 使用HttpClient向服务器发送restful post请求

    直接上代码: public class RestClient { public static void main(String[] args) { String url = "http:// ...

  3. Eclipse+Maven+Spring+CXF 构建webservice 服务

    一. 软件准备 Eclipse 4.2.1 Maven 2.2.1 Spring 3.2.6 CXF 3.0.2 二. 步骤 首先,在Eclipse中用maven构建一个quickstart版本的ma ...

  4. insert into select * from 锁表

    mysql[192.168.11.187] processid[249] root@localhost in db[zjzc] hold transaction time 197 112069858, ...

  5. pcDuino 刷系统-卡刷

    准备: pcduino : 点此购买 支持HDMI的显示器:点此购买  或参考无显示器刷机与使用.至少1张4G microSD卡,如果内存卡不大,可以用内存卡刷内核,用u盘刷系统 背景:本教程中使用的 ...

  6. .net 利用 GZipStream 压缩和解压缩

    1.GZipStream 类 此类在 .NET Framework 2.0 版中是新增的. 提供用于压缩和解压缩流的方法和属性 2.压缩byte[] /// <summary> /// 压 ...

  7. jQuery开始之旅

    (1)首先到http://jquery.com/download/网站进行现在jQuery库. (2)这里演示一下,使用CDN进行jQuery编程的例子: 选择的是jQuery的CDN,<scr ...

  8. JavaScript---网络编程(6)-Dom和Bom模型概念讲解(节点获取,window对象)

    本节讲Dom和Bom模型概念讲解(节点获取,window对象). out.js: 写了2个输出到页面的函数. function println(param){ document.write(param ...

  9. C语言中的宏

    写好C语言,漂亮的宏定义很重要,使用宏定义可以防止出错,提高可移植性,可读性,方便性 等等.下面列举一些成熟软件中常用得宏定义...... 1,防止一个头文件被重复包含 #ifndef COMDEF_ ...

  10. 关于list 添加数据到指定下标

    1 2 3 4 5 6 7 8 9 10 11 12 protected <T> List<BusinessItemData> itemMap2ItemList(Map< ...