小程序根据国外经纬度显示地图

最新推荐文章于 2022-07-21 18:58:30 发布

一只开心鸭！

最新推荐文章于 2022-07-21 18:58:30 发布

阅读量1k

点赞数 1

分类专栏： uniapp vue uniapp实现导航

本文链接：https://blog.youkuaiyun.com/oneya1/article/details/118407052

版权

vue.js 前端小程序街景地图

vue 同时被 3 个专栏收录

24 篇文章

订阅专栏

uniapp

16 篇文章

订阅专栏

uniapp实现导航

4 篇文章

订阅专栏

本文介绍了一个微信小程序中使用地图组件的问题，当输入国外经纬度时，地图自动切换到Here地图进行显示。示例代码展示了如何设置经纬度并添加标记，提供了地图预览效果。在实际应用中，需注意地图服务的国际化适配和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序自带map地图,如果传入国外经纬度,地图会默认切换成国外的here地图
效果展示:(最好是手机预览,微信开发者工具直接看的话,只会显示一个大概的区域)
在这里插入图片描述

<view class="wanl-goods-content bg-white">
					<map style="width:100%;height:40vh;" :latitude="latitude" :longitude="longitude"
						:markers="covers"></map>
				</view>

js部分

export default {
		data() {
			return {
			covers: [],
			latitude: null, //纬度
			longitude: null, //经度
			       }
			   },
			mounted(){
			            this.latitude = 43.7738504;
						this.longitude = 11.2459511;
						this.covers = [{
							latitude: 43.7738504,//经纬度必须是number类型
							longitude:11.2459511,
							width: 30,
							height: 30,
							iconPath:'https://yayacasa.ehongzhuokeji.com/uploads/img/dingwei.png',
							title: 'Via Palazzuolo 两居'
						}];
			}
			}

转发请注明原创噢~~~~
看完记得点个赞哟！！！