天地图－－添加缩放平移控件

最新推荐文章于 2024-06-06 10:44:09 发布
最新推荐文章于 2024-06-06 10:44:09 发布
阅读量1.7k 收藏
点赞数
分类专栏： 天地图 天地图
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36178899/article/details/81323907
版权

天地图－地图API－范例－添加缩放平移控件 

 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="天地图"/>
    <title>天地图－地图API－范例－添加缩放平移控件</title>
    <script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0"></script>
    <style type="text/css">body,html{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}</style>
    <script>
        var map, control;
 

最低0.47元/天 解锁文章
Lucky_wangtao
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
百度地图自定义控件分享
09-03
本文给大家介绍的是如何使用百度地图的自定义控件，附上示例，分享给大家，小伙伴们根据自己的需求稍微改动下即可使用。
国家地理信息服务平台——天地图使用指南
growing1224的博客
06-05 9691
使用准备 申请成为个人开发者或者企业开发者，获取调用地图api的key，下图为调用限额对比图。 开始绘制第一个地图 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta name="keywords" content="天地图"/> <tit..
【QGIS】加载在线地图（天地图）
最新发布
SieSteven
06-06 842
QGIS加载天地图
天地图Map方法setCenter和pan实现地图定位和平移
Rocky balboa
03-31 1655
map.panTo(new T.LngLat(110.074846, 39.201972), 15);
vue中天地图的使用 添加点、线、面、聚合点、信息窗口、自定义右键菜单、切换地图图层操作
阿巴阿巴
11-07 3041
集合封装了几个常用的天地图方法 方便自己后续用 也方便大家直接CV 注释写的很详细了 开箱用或者复制用都可。
有关地图偏移问题
wuqifan的博客
03-16 2613
title: 关于国内地图坐标偏移问题 date: 2020-01-03 10:56:11 万能地图下载器中的地图，哪些地图是有偏移的，哪些地图是没有偏移的呢？ 无偏移的有： 谷歌地球卫星地图 谷歌地图国外服务器的卫星地图 天地图卫星地图、电子地图和地形图 必应卫星地图 OpenStreetMap电子地图和地形图 MapBOX地形图 单独偏移算法（非火星坐标）的有： 百度卫星地图和电子地图 搜狗卫...
html 手机端无法拖动地图,无法在webview中移动地图
weixin_28848739的博客
06-16 692
一项活动(MainActivity)调用一个片段(MainPage)。该片段旨在打开本地资产webview文件Map.html。它按预期工作，但地图不能通过指尖移动。当Map.html打开一个浏览器时，此功能可用。但是，左上方的缩小分接按钮确实有效。无法在webview中移动地图覆盖webview的东西，它可以被看到但没有被刷过？ 初始AppCompatActivity(支持动作条)由MainAc...
天地图及控件设置透明度
WDY66886688的博客
07-06 365
【代码】天地图及控件设置透明度。
openlayers 加载天地图示例
02-24
地图容器是地图显示的地方，投影定义了地图的坐标系统，图层则包含了地图数据，控制则提供了与地图交互的功能，如缩放、平移等。 在"Openlayers 加载天地图示例"中，`Openlayers-tianditu.html`很可能是主HTML文件...
ArcGis-10.1 读取 天地图 Silverlight API 接口工具 20130425
07-24
3. 使用ArcObjects中的`IMapControl3`接口，加载天地图Silverlight控件到ArcGIS Map Control中。 4. 通过API接口，可以获取天地图的图层信息，根据需要选择要显示的图层。 5. 实现地图操作，如缩放、平移，可以调用...
基于openlayers扩展添加天地图背景组件
06-01
其强大的功能包括图层管理、缩放、平移、标记点等功能，为构建复杂的WebGIS应用提供了便利。 添加天地图背景组件至OpenLayers应用中，主要涉及以下几个步骤： 1. 引入OpenLayers库和天地图API：确保在HTML文件中...
天地图开发实例
12-12
里边是web项目中天地图的实例jsp，包括的功能有在天地图上增加控件，增加tmarker，tlabel，线等，且对事件的绑定做了自己的处理，以供参考。
基于arcgis js 的天地图下载
11-29
6. **交互功能**：ArcGIS JavaScript API提供了丰富的控件和工具，如缩放、平移、定位等，可以根据需要添加到地图上。同时，你还可以实现自定义的交互功能，如点击获取坐标、测量距离、查询等。 7. **优化性能**：...
ArcGis-10.1 读取 天地图 WindowsPhone API 接口工具 20130425
07-24
2. **地图操作**：接着，学习如何使用API进行地图的基本操作，如平移、缩放、旋转，以及添加、删除图层等。 3. **定位服务**：集成天地图API后，开发者可以获取用户的位置信息，并在地图上显示。 4. **图层叠加**...
Vue关于天地图的使用 自定义标注、自定义折线工具、自定义多边形工具
littledidi的博客
11-16 3180
this.dblclickMarkTool就是你自己设置的触发方法，这个就不展示了，要注意的是绑定的是currentMarker不是currentLnglat。其实天地图的使用与其他地图（百度等），个人觉得大同小异，个人的方法是在项目里面的public目录下的index.html文件下导入。这里要注意的是在设置监听事件的时候注意看文档上面的事件名是什么，因为会涉及到一些点击操作，我就有这方面的需求，所以就需要用到监听事件。参考了自定义MarkTool工具的方法，其实就很简单了，只需要注意事件方法名即可。
天地图添加放大和缩小控件
Orbita_wangtao
07-30 4236
天地图添加放大和缩小控件 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt;     &lt;meta name="keywords" content="天地图&q
解决canvas缩放后鼠标定位偏移
creatlh的博客
11-06 788
因为canvas是基于屏幕像素的，而非css像素，所以页面被缩放后的css位置并非是canvas中的坐标位置，所以导致canvas中鼠标定位偏移问题。
地图的放大与缩小2：利用缩放控件ZoomControls
爱技术爱生活—TAO
07-25 1190
<br /><br />ViewGroup zoom = (ViewGroup) findViewById(R.id.zoom);<br /> zoom.addView(map.getZoomControls());<br /><br />// 增强用户的体验，平滑移动到新位置<br />mapcont.animateTo(new GeoPoint((int) (lat * 1E6),<br />(int) (lng * 1E6)));
在vue2项目中使用天地图+Leaflet搭配使用(一)
qq_59917608的博客
03-26 1630
小白项目纪录片
WPF中LIvecharts控件如何实现缩放和平移
04-02
LiveCharts控件提供了两种方法来实现缩放和平移： 1. 使用ZoomingOptions： 在XAML中，可以通过设置ZoomingOptions属性来启用缩放和平移功能。例如，以下代码启用了鼠标滚轮缩放和拖动平移功能： ``` <lvc:CartesianChart ZoomingOptions="{x:Static lvc:ZoomingOptions.Xy}"> ... </lvc:CartesianChart> ``` ZoomingOptions属性有四个可选值： - None：禁用缩放和平移功能。 - X：启用水平缩放和平移功能。 - Y：启用垂直缩放和平移功能。 - Xy：启用水平和垂直缩放和平移功能。 2. 使用Zoom和Pan方法： 在代码中，可以使用Zoom方法和Pan方法来实现缩放和平移。例如，以下代码实现了通过代码缩放和平移： ``` private void ZoomIn_Click(object sender, RoutedEventArgs e) { chart.Zoom(new Point(0, 0), ZoomDirection.ZoomIn); } private void ZoomOut_Click(object sender, RoutedEventArgs e) { chart.Zoom(new Point(0, 0), ZoomDirection.ZoomOut); } private void PanLeft_Click(object sender, RoutedEventArgs e) { chart.Pan(new Point(-10, 0)); } private void PanRight_Click(object sender, RoutedEventArgs e) { chart.Pan(new Point(10, 0)); } ``` 其中，Zoom方法有两个参数：缩放中心点和缩放方向。缩放中心点是一个Point类型的值，表示缩放的中心点。缩放方向是ZoomDirection枚举类型的值，表示缩放的方向，有ZoomIn和ZoomOut两个值。 Pan方法有一个参数：平移向量。平移向量是一个Point类型的值，表示平移的向量。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值