地图点击省跳转到市_城市天际线导入真实世界地图教程

首先我们仅需要知道一个国外的网站,在利用谷歌地图下载你想要的城市的高度图

36fc2b099a1cc2a48ad4ef005a7a8f98.gif

也就是相当于地形灰度图

下面教程开始

0f04dc42d39455532681cfc3565e745b.png

详细教程可以访问论坛:www.51pcyx.cn

第一步:打开网站:http://terrain.party/

dc78959cb2c274eb10e1584cc4b37d58.png

注意的是图上我标出来的两个,一个是用来选择区域的,蓝色框里面的就是你最后要导出来的最终大小,右边的那个是代表每格的大小,默认的是一个格子是18*18km也就是一个格子为324平方公里。尽量可以选择小一点基本9公里一个格子差不多,太大了地形也很复杂。

e025e9ee48ea6615d1e0dee650f11d44.png
d34389a68c1641bdb45fa504bcb1398f.png

这里保持默认的选择就可以,不要选择第二第三个,因为地图的原因中国区域是不显示的。

第二步:选择需要导出的城市地图:不知道我搜索问题还是浏览器问题,搜索了不跳转,地理好的自己找找自己的城市

对好自己要选择的区域。

664f45d849ef5847054224a82092615f.png

第三步:选择右边的图标

31adcf396159a14fe89a7113cfa4a37c.png

下载选中的区域地图,然后在弹出来的对话框中给文件取一个名字。

第四步:下载下来压缩吧解压出来,打开后找文件名称后面是*****(Merged).png的图片,把这个图片留着就行其他的没有用删了即可

cdb4b647ebaeb36a38513b6ae2f3b69b.png

回复帖子免费查看完整教程

第五步:打开C:甥敳獲你的用户名AppDataLocalColossalOrderCities_SkylinesAddonsMapEditor(Heightmaps )文件夹

(其中Appdata可能是隐藏的)有的人打开到MapEditor文件夹后没有Heightmaps文件夹,没关系的,你自己建立一个文件夹就行,把PNG图片放进到这个文件夹里面就行了。

第六步:进入游戏见面选择工具——地图编辑器——新建

49c7269ab367467454cfd33e9a9011af.png

第七步:等待界面加载完成后,点击下方带有箭头的工具,选择高度地图——点击进口然后既可以生成地图了

88b327444436d091689994abab2b8192.png
5c66c6a36f52b6529eca1c8f5b8a8bd2.png
97f1944993fb306fa44b134c9d6014cb.png

如果你的城市有山有水有起伏自己制作还是不错的,如果是平原就没必要了

原创内容转载请注明来源

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要实现点击城市列表,高德地图跳转到对应城市的点位,需要先获取城市的经纬度,然后将地图中心点设置为该经纬度。下面是一个简单的实现示例: 1. 在Vue组件中,定义城市列表和地图容器: ```vue <template> <div> <!-- 城市列表 --> <ul> <li v-for="city in cities" :key="city.name" @click="jumpToCity(city.name)">{{ city.name }}</li> </ul> <!-- 地图容器 --> <div id="map-container"></div> </div> </template> <script> export default { data() { return { // 地图对象 map: null, // 城市列表 cities: [ { name: '北京', location: [116.397428, 39.90923] }, { name: '上海', location: [121.473701, 31.230416] }, { name: '广州', location: [113.264385, 23.12911] }, { name: '深圳', location: [114.057868, 22.543099] }, ], }; }, mounted() { // 初始化地图 this.initMap(); }, methods: { initMap() { // 创建地图对象 this.map = new AMap.Map('map-container', { zoom: 13, // 地图缩放级别 center: [116.397428, 39.90923], // 地图中心点 }); }, // 点击城市列表跳转到对应城市 jumpToCity(cityName) { const city = this.cities.find(item => item.name === cityName); if (city) { // 将地图中心点设置为城市经纬度 this.map.setCenter(city.location); } }, }, }; </script> ``` 在上面的代码中,我们先定义了一个城市列表,包含了城市名称和经纬度。当用户点击某一个城市时,会调用`jumpToCity`方法,该方法会根据城市名称找到对应的经纬度,然后将地图中心点设置为该经纬度。这样就可以实现点击城市列表,高德地图跳转到对应城市的点位了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值