<!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. asp.net 登陆后在ashx处理程序中获取不到Session

    登录后存储Session,另一个页面Ajax请求 ashx页面,发现无法获取到Session,Session is NULL  使用“IReadOnlySessionState”这个接口就可以

  2. 【POJ 2987】Firing （最小割-最大权闭合子图）

    裁员 [问题描述] 在一个公司里,老板发现,手下的员工很多都不务正业,真正干事员工的没几个,于是老板决定大裁员,每开除一个人,同时要将其下属一并开除,如果该下属还有下属,照斩不误.给出每个人的贡献值和 ...

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

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

  4. 李洪强iOS开发Swift篇—02_变量和常量

    李洪强iOS开发Swift篇—02_变量和常量 一.语言的性能 (1)根据WWDC的展示 在进行复杂对象排序时Objective-C的性能是Python的2.8倍,Swift的性能是Python的3. ...

  5. 李洪强漫谈iOS开发[C语言-031]-逻辑短路

  6. svn 规范apk的生成命名

    第一步:新建SVNVersion.gradle  放置于build.gradle统计目录下面 /*task svnversion { description 'Get SVN revision num ...

  7. 【HDOJ】2721 Persistent Bits

    题目有点长,但是题意说的很清楚.位操作. #include <stdio.h> ]; int main() { int a, b, c, s; int i, j, k, n, tmp, m ...

  8. 【转】SourceTree的简单使用

    原文网址:http://blog.csdn.net/u011439289/article/details/42126507 今天开始参与公司项目的代码编写,公司内部采用的是gitlib,所以用到了So ...

  9. 动态规划（计数DP）：HDU 5136 Yue Fei's Battle

    Yue Fei's Battle Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 512000/512000 K (Java/Other ...

  10. win8 mysqlzip install

    1. 下载MySQL Community Server 5.6.142. 解压MySQL压缩包 将以下载的MySQL压缩包解压到自定义目录下.3. 添加环境变量 变量名:MYSQL_HOME 变量值: ...