<!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. 【Xamarin挖墙脚系列：Xamarin.IOS的程序的结构】

    原文:[Xamarin挖墙脚系列:Xamarin.IOS的程序的结构] 开始熟悉Xamarin在开发IOS的结构!!!!!!! 先看官方 这个是以一个单页面的程序进行讲述的. 1 程序引用的程序集,核 ...

  2. Android开源项目发现---ActionBar篇（持续更新）

    1. ActionBarSherlock 鼎鼎大名, 为Android所有版本提供统一的ActionBar,解决4.0以下ActionBar的适配问题 项目地址:https://github.com/ ...

  3. wcf异常汇总

    1.确保客户端可以接收到服务端的异常 2.部署wcf出错,http错误404.3 3.无法自动调试 未能调试远程过程.这通常说明未在服务器上启用调试 WCF 托管在IIS上 4.ChannelFact ...

  4. Hash Killer I II

    题意大概: 1.字符串hash不取模,自动溢出  构造数据卡这种hash 2.字符串hash取模1000000007,构造数据卡这种hash 题解传送门:VFleaKing http://vfleak ...

  5. 【转】如何单独编译Android源代码中的模块--不错

    原文网址:http://blog.csdn.net//article/details/6566662/ 第一次下载好Android源代码工程后,我们通常是在Android源代码工程目录下执行make命 ...

  6. Makefile第二讲：打印出内容和使用变量

    摘要 `@echo "开始生成最终执行文件,请稍候..."`这一句便是将一条信息输出到终端,为何前边有个`@`符号呢?有了这个符号该命令本身就不会输出到终端(不理解,自己去掉或者加 ...

  7. 用 Eclipse 开发 Android 应用程序

    转自:http://www.apkbus.com/android-13828-1-1.html 开始之前 本教程介绍如何在 Eclipse 环境中进行 Android 应用程序开发,包括两个示例应用程 ...

  8. Web三维技术：Flash Builder+away3d平台搭建（含演示视频）

    转自:http://www.cnblogs.com/beer/archive/2011/07/08/2101492.html 前言:作为页面中实验设备的显示层,需要一个swf作为显示的UI.虽然可以用 ...

  9. 最短路（数据处理）：HDU 5817 Ice Walls

    Have you ever played DOTA? If so, you may know the hero, Invoker. As one of the few intelligence car ...

  10. Code generated using the T4 templates for Database First

    Error message: Code generated using the T4 templates for Database First and Model First development ...