<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>高德地图</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" />
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main.css?v=1.0?v=1.0" />
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=/*APIKEY*/&plugin=AMap.DistrictSearch,AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MapType"></script>
<style>
html, body, #container {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
/* CARD */
.card {
display: flex;
flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex-direction: column;
width: 10rem;
min-width: 0;
position: fixed;
bottom: 1rem;
right: 1rem;
padding: 0.5rem 0.5rem 0.5rem 1rem;
background-color: #fff;
background-clip: border-box;
border-width: 0;
border-radius: 1rem;
font-size: 12px;
font-family: Arial;
word-wrap: break-word;
color: #0288d1;
display: block;
opacity: 0.8;
}
</style>
</head>
<body>
<div id="container"></div>
<div class="card">
<span id="map-zoom">11</span> :
<span id="map-center">121.498586,31.239637</span>
</div>
</body>
</html>
<script>
var showRect = /*SHOWRECT*/;
var nameFormat = "/*NAMEFORMAT*/";
var map = new AMap.Map('container', {
resizeEnable: true,
layers: [new AMap.TileLayer()],
center: [/*CENTER*/],
zoom: /*ZOOMDISP*/,
expandZoomRange: true,
zooms:[/*ZOOMMIN*/,/*ZOOMMAX*/]
});
//map.setLayers([new AMap.TileLayer.Satellite()]);
map.addControl(new AMap.Scale());
map.addControl(new AMap.ToolBar());
map.addControl(new AMap.OverView());
map.addControl(new AMap.MapType());
// 添加叠加图层
var tilerLayer = new AMap.TileLayer({
zIndex: 10,
getTileUrl: function (x, y, z) {
var name = nameFormat
.replace("{x}", x)
.replace("{y}", y)
.replace("{z}", z)
;
return 'tiles/' + z + '/' + name + '.png';
}
});
tilerLayer.setMap(map);
// 添加矩形
if (showRect) {
var path1 = [
new AMap.LngLat(/*POINT1*/),
new AMap.LngLat(/*POINT2*/),
new AMap.LngLat(/*POINT3*/),
new AMap.LngLat(/*POINT4*/),
new AMap.LngLat(/*POINT1*/)
];
var polyline = new AMap.Polyline({
path: path1,
strokeColor: 'blue',
strokeWeight: 3
});
map.add([polyline]);
}
// 显示地图层级与中心点信息
map.on('mapmove', showMapInfo);
map.on('zoomend', showMapInfo);
function showMapInfo() {
var zoom = map.getZoom(); //获取当前地图级别
var center = map.getCenter(); //获取当前地图中心位置
document.querySelector("#map-zoom").innerText = zoom;
document.querySelector("#map-center").innerText = center.lng.toString() + ', ' + center.lat.toString();
}
showMapInfo();
</script>
没有合适的资源?快使用搜索试试~ 我知道了~
百度、高德、腾讯、天地图、谷歌、必应等地图切图工具 MapCutter 3.8.0
共89个文件
pak:56个
dll:15个
html:4个
5星 · 超过95%的资源 需积分: 1 148 下载量 194 浏览量
2022-12-21
18:59:38
上传
评论 1
收藏 123.48MB RAR 举报
温馨提示
百度、高德、腾讯、天地图、谷歌、必应等自定义地图/图片叠加层/瓦片图/金字塔图地图切图高清切片生成工具 MapCutter(旧名MapTiler) ,定位便捷,支持超大地图,支持leaflet、maptalks、openlayers、cesium、及自定义模版输出。最新版本修正了百度地图的偏差、可调整地图图层的不透明度,、完善webgl输出、支持openlayers、cesium网页输出、支持多点调整区域、支持25级切图、支持根据图片坐标自动定位、修正cesium不显示的问题、支持切片图片质量及图片类型、支持MapBox,更多功能请看 https://blog.csdn.net/surfsky/article/details/106951716
资源推荐
资源详情
资源评论
收起资源包目录
MapCutter-3.8.0.rar (89个子文件)
snapshot_blob.bin 48KB
CefSharp.BrowserSubprocess.Core.dll 1.12MB
CefSharp.BrowserSubprocess.exe 7KB
locales
fi.pak 322KB
ml.pak 867KB
da.pak 325KB
et.pak 314KB
sw.pak 330KB
sr.pak 541KB
lt.pak 373KB
es-419.pak 348KB
id.pak 309KB
zh-TW.pak 292KB
te.pak 790KB
vi.pak 402KB
he.pak 442KB
bn.pak 740KB
bg.pak 576KB
cs.pak 360KB
tr.pak 340KB
de.pak 357KB
en-US.pak 293KB
th.pak 662KB
mr.pak 701KB
hi.pak 740KB
ms.pak 324KB
gu.pak 713KB
nl.pak 328KB
pl.pak 360KB
kn.pak 826KB
sv.pak 319KB
sk.pak 366KB
en-GB.pak 289KB
ko.pak 352KB
pt-PT.pak 355KB
hr.pak 347KB
el.pak 628KB
ru.pak 568KB
uk.pak 569KB
ro.pak 354KB
fr.pak 379KB
ta.pak 846KB
hu.pak 374KB
am.pak 503KB
zh-CN.pak 296KB
ar.pak 534KB
es.pak 349KB
sl.pak 349KB
ja.pak 423KB
nb.pak 320KB
it.pak 350KB
ca.pak 352KB
lv.pak 373KB
fa.pak 507KB
pt-BR.pak 342KB
fil.pak 361KB
chrome_200_percent.pak 929KB
VC_redist.x64.exe 24.1MB
libvips-42.dll 19.6MB
chrome_elf.dll 1.12MB
libGLESv2.dll 6.44MB
chrome_100_percent.pak 619KB
templates
t-tile-leaflet.html 4KB
t-tile-maptalks.html 3KB
t-tile-v1.html 4KB
t-tile-v2.html 3KB
CefSharp.dll 998KB
vk_swiftshader.dll 3.67MB
GPUCache
data_1 264KB
data_0 8KB
data_2 8KB
index 256KB
data_3 8KB
swiftshader
libGLESv2.dll 2.59MB
libEGL.dll 414KB
libEGL.dll 401KB
resources.pak 6.76MB
v8_context_snapshot.bin 161KB
libglib-2.0-0.dll 1.51MB
故宫24.png 3.8MB
libcef.dll 155.7MB
vulkan-1.dll 672KB
icudtl.dat 9.74MB
d3dcompiler_47.dll 4.66MB
app.cfg 144B
CefSharp.Core.Runtime.dll 1.77MB
MapCutter.exe 13.48MB
vk_swiftshader_icd.json 106B
libgobject-2.0-0.dll 285KB
共 89 条
- 1
资源评论
- vitpan2023-03-28好软件,切图精准 #完美解决问题
土豆湿
- 粉丝: 101
- 资源: 66
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Lawrence C. Evans Partial Differential Equations.djvu
- CFA知识点梳理系列:CFA Level II, Reading 4 Big Data Projects
- 专业问题 · 语雀.mhtml
- 基于Vue+TP6的B2B2C多场景电商商城设计源码
- 基于小程序的研知识题库小程序源代码(java+小程序+mysql).zip
- 基于小程序的微信小程序的点餐系统源代码(java+小程序+mysql).zip
- 基于小程序的宿舍管理小程序源代码(java+小程序+mysql).zip
- 基于小程序的小区服务系统源代码(python+小程序+mysql).zip
- QT项目之中国象棋人工智能
- 基于小程序的疫情核酸预约小程序源代码(java+小程序+mysql).zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功