设置不知道坐标系的地图居中显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <link rel="stylesheet" href="http://jsapi.thinkgis.cn/esri/css/esri.css">
    <script src="http://jsapi.thinkgis.cn/init.js"></script>
    <script>
        require(["esri/map", "esri/layers/ArcGISTiledMapServiceLayer", "dojo/on", "esri/geometry/Point",
                    "dojo/domReady!"],
                function (Map, ArcGISTiledMapServiceLayer, on, Point) {
                    var map = new Map("mapDiv", {
                        //center: [106.544827, 29.566127]
                        zoom: 8
                    });
                    //利用url创建一个动态地图服务对象
                    var layer = new ArcGISTiledMapServiceLayer("http://183.64.63.98:6080/arcgis/rest/services/bkMap1/MapServer");
                    //将地图服务对象添加到地图容器中
                    map.addLayer(layer);

                    //当第一个图层加载完成时候触发
                    map.on("load", function myfunction() {
                        var p = new Point({
                            "x": 106.544688,
                            "y": 29.566080,                          //中心点坐标为重庆市市政府的坐标
                            "spatialReference": map.spatialReference //设置空间参考为第一个图层的空间参考
                        });

                        map.centerAt(p);
                    });
                })
    </script>
</head>
<body class="tundra">
    <div id="mapDiv" style="width: 900px; height: 600px; border: 1px solid #000;"></div>
</body>
</html>
时间: 2024-10-11 12:39:38

设置不知道坐标系的地图居中显示的相关文章

设置div中的div居中显示

设置div中的div居中显示 方法一. <div class='big'> <div class='small'>box1</div> </div> style样式: .big{ height:200px; width:200px; border:black solid 1px; position:absolute; left:150px; } .small{ height:100px; width:100px; background-color:green

flex 地图居中显示

第一步调用类方法: MapUni.dataExtent([cityGra],map,0.003); layerxuanran.add(cityGra); 第二步导入类  (MapUni.as类) package com.mapUni.BaseClass { import com.esri.ags.Graphic; import com.esri.ags.Map; import com.esri.ags.SpatialReference; import com.esri.ags.geometry.

01_设置定义表达式控制地图内容显示

本例展示如何使用图层定义来限制显示在地图上的图层信息.为了了解本例做了什么,看看用于这个地图的ESRI_Census_USA服务的服务目录页是有帮助的.检查地图中的图层列表.现在注意这行代码限制了显示图层为州和县. dynamicMapServiceLayer.setVisibleLayers([5,4,3]); 这个数据覆盖了美国,那么为什么当运行示例时仅仅Kansas周被显示?这是因为图层定义,通过SQL表达式限制数据在地图上的显示.本例中,图层定义限制了州为Kansas并且Kansas中的

关于UIImageView的显示问题——居中显示或者截取图片的中间部分显示

我们都知道在ios中,每一个UIImageView都有他的frame大小,但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢?在默认情况,图片会被压缩或者拉伸以填满整个区域. 通过查看UIView的属性可以知道,view的contentMode属性可以用来控制图片的显示情况.下面的设置可以让图片进行居中显示. 1 imageView.contentMode =  UIViewContentModeCenter; 这个居中是包括了,横向和纵向都是居中.图片不会拉伸或者压缩,就是按照im

Qt 设置窗口居中显示和窗体大小

设置窗口居中显示 方法一:在窗口(QWidget类及派生类)的构造函数中添加如下代码: #include <QDesktopWidget> //....... QDesktopWidget* desktop = QApplication::desktop(); // =qApp->desktop();也可以 move((desktop->width() - this->width())/2, (desktop->height() - this->height())

百度API地图的标注不是居中显示,而是显示在左上角

对地图所在的div做了显示隐藏之类操作,标注就不是居中显示,而是显示在左上角 合理解决方式 map.panBy(305,165); html: <div id="allmap" style="width:560px;height:400px;"></div> js: var initPoint = new BMap.Point(longitude,latitude); console.log(initPoint);map.centerAndZ

html基础 img标记 设置图片的宽度和边框 利用div使图片居中显示

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=ut

html5定位并在百度地图上显示

在开发移动端 web 或者webapp时,使用百度地图 API 的过程中,经常需要通过手机定位获取当前位置并在地图上居中显示出来,这就需要用到html5的地理定位功能. navigator.geolocation.getCurrentPosition(callback); 在获取坐标成功之后会执行回调函数 callback; callback 方法的参数就是获取到的坐标点:然后可以初始化地图,设置控件.中心点.缩放等级,然后给地图添加point的overlay: var map = new BM

安卓 WebView加载本地图片时居中显示

在一个项目中使用WebView显示gif图片(自定义的View无法放大gif),当图片过小时只在左侧显示,经过研究发现无论设置android:layout_gravity="center_horizontal"还是设置android:gravity="center_horizontal" 都无法居中显示,而且还设置了android:layout_width="wrap_content",但是实际上WebView并没有自适应内容,它的宽度占了屏幕宽