<!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.7.1
共89个文件
pak:56个
dll:15个
html:4个
需积分: 1 79 下载量 14 浏览量
2022-08-17
20:47:34
上传
评论 3
收藏 122.73MB RAR 举报
温馨提示
百度、高德、腾讯、天地图、谷歌、必应等自定义地图/图片叠加层/瓦片图/金字塔图地图切图高清切片生成工具 MapCutter(旧名MapTiler) ,定位便捷,支持超大地图,支持leaflet、maptalks、openlayers、cesium、及自定义模版输出。最新版本修正了百度地图的偏差、可调整地图图层的不透明度,、完善webgl输出、支持openlayers、cesium网页输出、支持多点调整区域、支持高德leaflet 的21级地图等,更多功能请看 https://blog.csdn.net/surfsky/article/details/106951716
资源详情
资源评论
资源推荐
收起资源包目录
MapCutter-3.7.1.rar (89个子文件)
snapshot_blob.bin 48KB
故宫24.png 3.8MB
libcef.dll 155.7MB
locales
en-US.pak 293KB
ms.pak 324KB
nl.pak 328KB
id.pak 309KB
tr.pak 340KB
bn.pak 740KB
sr.pak 541KB
de.pak 357KB
bg.pak 576KB
th.pak 662KB
he.pak 442KB
pt-BR.pak 342KB
ro.pak 354KB
ml.pak 867KB
zh-TW.pak 292KB
pl.pak 360KB
cs.pak 360KB
fr.pak 379KB
lt.pak 373KB
gu.pak 713KB
nb.pak 320KB
fa.pak 507KB
ta.pak 846KB
el.pak 628KB
fil.pak 361KB
pt-PT.pak 355KB
ar.pak 534KB
es.pak 349KB
it.pak 350KB
en-GB.pak 289KB
uk.pak 569KB
es-419.pak 348KB
vi.pak 402KB
da.pak 325KB
am.pak 503KB
ca.pak 352KB
hi.pak 740KB
fi.pak 322KB
kn.pak 826KB
ja.pak 423KB
lv.pak 373KB
te.pak 790KB
ko.pak 352KB
hr.pak 347KB
zh-CN.pak 296KB
et.pak 314KB
sl.pak 349KB
sk.pak 366KB
mr.pak 701KB
sw.pak 330KB
ru.pak 568KB
sv.pak 319KB
hu.pak 374KB
CefSharp.Core.Runtime.dll 1.77MB
libEGL.dll 401KB
templates
t-tile-v1.html 4KB
t-tile-maptalks.html 3KB
t-tile-v2.html 3KB
t-tile-leaflet.html 4KB
chrome_200_percent.pak 929KB
chrome_100_percent.pak 619KB
vk_swiftshader.dll 3.67MB
swiftshader
libEGL.dll 414KB
libGLESv2.dll 2.59MB
CefSharp.BrowserSubprocess.exe 7KB
VC_redist.x64.exe 24.1MB
v8_context_snapshot.bin 161KB
icudtl.dat 9.74MB
d3dcompiler_47.dll 4.66MB
vk_swiftshader_icd.json 106B
MapCutter.exe 12.71MB
resources.pak 6.76MB
app.cfg 144B
chrome_elf.dll 1.12MB
libGLESv2.dll 6.44MB
libglib-2.0-0.dll 1.51MB
CefSharp.BrowserSubprocess.Core.dll 1.12MB
vulkan-1.dll 672KB
CefSharp.dll 998KB
libgobject-2.0-0.dll 285KB
GPUCache
index 256KB
data_0 8KB
data_1 264KB
data_3 8KB
data_2 8KB
libvips-42.dll 19.6MB
共 89 条
- 1
土豆湿
- 粉丝: 37
- 资源: 47
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0