开启辅助访问 切换到宽版

精易论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用微信号发送消息登录论坛

新人指南 邀请好友注册 - 我关注人的新帖 教你赚取精币 - 每日签到


求职/招聘- 论坛接单- 开发者大厅

论坛版规 总版规 - 建议/投诉 - 应聘版主 - 精华帖总集 积分说明 - 禁言标准 - 有奖举报

查看: 2078|回复: 0
收起左侧

[技术分享] uniapp 地图使用

[复制链接]
发表于 2021-10-29 18:00:42 | 显示全部楼层 |阅读模式   广东省揭阳市
[JavaScript] 纯文本查看 复制代码
<map 
                longitude="经度" 
                latitude="纬度" 
                markers="标记点" 
                scale="缩放规模默认为16,最大为18"
        ><map/>


[JavaScript] 纯文本查看 复制代码
//标记点
        [
                {        
                        longitude="经度",
                        latitude="纬度", 
                        iconPath:'标记图片',
                        width:图片宽,
                        height:图片高,
                        titile:'点击标记点后显示的文字'
                }
        ]


代码示例:


[JavaScript] 纯文本查看 复制代码
<template>
        <view class="contact">

                <map name="" class='map' :longitude="jingdu" :latitude="weidu" :markers="marks" scale="15"></map>
                
        </view>
</template>

<script>
        export default {
                data() {
                        return {
                                jingdu:0,
                                weidu:0,
                                marks:[{longitude:0,latitude:0,iconPath:'../../static/2.png',width:30,height:30,title:'这里'}]
                        }
                },
                methods: {
                        phone(){
                                uni.makePhoneCall({
                                    phoneNumber: '114' //仅为示例
                                });
                        }
                }
        }
</script>

<style lang='scss'>
        .contact{
                .img{
                        width: 750rpx;
                        height: 320rpx;
                }
                .info{
                        padding: 10rpx 20rpx;
                        font-size: 30rpx;
                        view{
                                line-height: 60rpx;
                                border-bottom: solid 1px #eee;
                        }
                }
                .map{
                        height: 750rpx;
                        width: 750rpx;
                }
        }
</style>


您需要登录后才可以回帖 登录 | 注册

本版积分规则 致发广告者

发布主题 收藏帖子 返回列表

sitemap| 易语言源码| 易语言教程| 易语言论坛| 易语言模块| 手机版| 广告投放| 精易论坛
拒绝任何人以任何形式在本论坛发表与中华人民共和国法律相抵触的言论,本站内容均为会员发表,并不代表精易立场!
论坛帖子内容仅用于技术交流学习和研究的目的,严禁用于非法目的,否则造成一切后果自负!如帖子内容侵害到你的权益,请联系我们!
防范网络诈骗,远离网络犯罪 违法和不良信息举报电话0663-3422125,QQ: 793400750,邮箱:wp@125.la
Powered by Discuz! X3.4 揭阳市揭东区精易科技有限公司 ( 粤ICP备12094385号-1) 粤公网安备 44522102000125 增值电信业务经营许可证 粤B2-20192173

快速回复 返回顶部 返回列表