小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在开发者工具上测试好好的，转到手机上测试（手机型号：华为P9），手机上没有效果，我还以为我代码写的不好，然后我就删了换了种写法，结果还是在开发者工具上好用，到了手机上还是不好用。。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
具体是什么？写个代码片段或者贴代码写清楚
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
<!-- 地图显示部分 -->
<view bindlongpress='showaction'>
<map
id="map"
longitude="{{longitude}}"
latitude="{{latitude}}"
scale="11"
markers='{{markers}}'
show-location='true'
show-compass='true'
enabl-zoom='true'
style="width: 100%; height: 92vh;"
>
</map>
</view>
在地图上绑定了一个 事件，长按会显示底部动作菜单，开发者工具上长按可以显示，但是在手机上就是不显示。
而且，刚才有发现了一个奇怪的事，我的一个事件会更新data 里的longitude和latititude值 ，但是在开发者工具上页面不刷新，但是在真机上就刷新了。
无语了
能提供个代码片段或者这个页面完整代码，我测试下看看
wxml:
<!--pages/location/location.wxml-->
<!--这是车辆位置界面-->
<view bindtouchmove='move' style='height:500px'>
<view class='location'>
<view class='locationCph' style='width:80%; border:1px solid hidden'>
<i-input value="{{cph}}" title="车牌号" placeholder="请输入车牌号" bind:blur='cphBlur' maxlength='10'/>
<button style='border:1px solid black; font-size:14px;vertical-align:middle;text-align:center;' bindtap='search' >查找</button>
<!-- 底部动作面板 -->
<i-action-sheet visible="{{ visible }}" actions="{{ actions }}" show-cancel bind:cancel="handleCancel" bind:click="handleClickItem" />
js:
// pages/location/location.js
Page({
/**
* 页面的初始数据
*/
data: {
cph:'', //
position:'left',//
info:{
address:'', //地址
glat:'', //维度
glng:'', //经度
gt:'', //GPS时间
rt:"", //上报时间
vs:'', //车辆状态
status:'' //设备状态
},
currentOrder: 1, //默认命令
result:[] , //接收回传数据接口
longitude:120.3125006, //经度
latitude:36.065152, //维度
markers: [{
iconPath: '',
id: 0,
latitude: 36.065152,
longitude: 120.312500,
width: 50,
height: 50,
callout:{
content:'测试',
color:'red',
fontSize:10,
borderRadius:20,
borderWidth:20,
borderColor:'#6C7B8B',
padding:20,
textAlign:'left',
}],
visible: false,
actions: [
{
name: '789',
name: '777'
name: '1919',
}
],
* 生命周期函数--监听页面加载
onLoad: function (options) {
wx.setNavigationBarTitle({
title: '车辆位置',
})
//动态设置导航条颜色和动画
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#1c2438',
animation: {
duration: 100,
timingFunc: 'easeInOut'
// this.setData(
// markers.height windowHeight,
// markers.width = windowWidth,
// )
console.log(this.data.markers)
//底部动作面板
handleCancel() {
this.setData({
visible: false
});
console.log(this.data.result)
//动作面板详情
handleClickItem({ detail }) {
const index = detail.index + 1;
console.log(index)
wx.showToast({
title: '变更成功',
icon:'none',
time:'2000',
currentOrder:index
//显示动作面板
showaction(e){
visible: true
//失去焦点事件
cphBlur(e) {
console.log(e)
this.data.cph= e.detail.detail.value
json:
"usingComponents": {
"i-input":"../../iview/dist/input/index",
"i-button":"../../iview/dist/input/index",
"i-radio-group": "../../iview/dist/radio-group/index",
"i-radio": "../../iview/dist/radio/index",
"i-action-sheet": "../../iview/dist/action-sheet/index"
用的iview 的UI库，如果测试，要去下载 。地址：https://weapp.iviewui.com/
测试下，个人感觉 应该官方有bug，官方提供的cover-view是可以覆盖map组件的，但是实际并没有。你这个真机不能用，应该是view组件被map组件覆盖了。
没招了，我看看加个按钮能不能触发事件吧
所以这才体验测试的重要性啊。
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
具体是什么？写个代码片段或者贴代码写清楚
<!-- 地图显示部分 -->
<view bindlongpress='showaction'>
<map
id="map"
longitude="{{longitude}}"
latitude="{{latitude}}"
scale="11"
markers='{{markers}}'
show-location='true'
show-compass='true'
enabl-zoom='true'
style="width: 100%; height: 92vh;"
>
</map>
</view>
在地图上绑定了一个 事件，长按会显示底部动作菜单，开发者工具上长按可以显示，但是在手机上就是不显示。
而且，刚才有发现了一个奇怪的事，我的一个事件会更新data 里的longitude和latititude值 ，但是在开发者工具上页面不刷新，但是在真机上就刷新了。
无语了
能提供个代码片段或者这个页面完整代码，我测试下看看
wxml:
<!--pages/location/location.wxml-->
<!--这是车辆位置界面-->
<view bindtouchmove='move' style='height:500px'>
<view class='location'>
<view class='locationCph' style='width:80%; border:1px solid hidden'>
<i-input value="{{cph}}" title="车牌号" placeholder="请输入车牌号" bind:blur='cphBlur' maxlength='10'/>
</view>
<button style='border:1px solid black; font-size:14px;vertical-align:middle;text-align:center;' bindtap='search' >查找</button>
</view>
<!-- 底部动作面板 -->
<i-action-sheet visible="{{ visible }}" actions="{{ actions }}" show-cancel bind:cancel="handleCancel" bind:click="handleClickItem" />
<!-- 地图显示部分 -->
<view bindlongpress='showaction'>
<map
id="map"
longitude="{{longitude}}"
latitude="{{latitude}}"
scale="11"
markers='{{markers}}'
show-location='true'
show-compass='true'
enabl-zoom='true'
style="width: 100%; height: 92vh;"
>
</map>
</view>
</view>
js:
// pages/location/location.js
Page({
/**
* 页面的初始数据
*/
data: {
cph:'', //
position:'left',//
info:{
address:'', //地址
glat:'', //维度
glng:'', //经度
gt:'', //GPS时间
rt:"", //上报时间
vs:'', //车辆状态
status:'' //设备状态
},
currentOrder: 1, //默认命令
result:[] , //接收回传数据接口
longitude:120.3125006, //经度
latitude:36.065152, //维度
markers: [{
iconPath: '',
id: 0,
latitude: 36.065152,
longitude: 120.312500,
width: 50,
height: 50,
callout:{
content:'测试',
color:'red',
fontSize:10,
borderRadius:20,
borderWidth:20,
borderColor:'#6C7B8B',
padding:20,
textAlign:'left',
},
}],
visible: false,
actions: [
{
name: '789',
},
{
name: '777'
},
{
name: '1919',
}
],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.setNavigationBarTitle({
title: '车辆位置',
})
//动态设置导航条颜色和动画
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: '#1c2438',
animation: {
duration: 100,
timingFunc: 'easeInOut'
}
})
// this.setData(
// markers.height windowHeight,
// markers.width = windowWidth,
// )
console.log(this.data.markers)
},
//底部动作面板
handleCancel() {
this.setData({
visible: false
});
console.log(this.data.result)
},
//动作面板详情
handleClickItem({ detail }) {
const index = detail.index + 1;
console.log(index)
wx.showToast({
title: '变更成功',
icon:'none',
time:'2000',
})
this.setData({
currentOrder:index
})
},
//显示动作面板
showaction(e){
this.setData({
visible: true
});
},
//失去焦点事件
cphBlur(e) {
console.log(e)
this.data.cph= e.detail.detail.value
}
json:
{
"usingComponents": {
"i-input":"../../iview/dist/input/index",
"i-button":"../../iview/dist/input/index",
"i-radio-group": "../../iview/dist/radio-group/index",
"i-radio": "../../iview/dist/radio/index",
"i-action-sheet": "../../iview/dist/action-sheet/index"
}
}
用的iview 的UI库，如果测试，要去下载 。地址：https://weapp.iviewui.com/
测试下，个人感觉 应该官方有bug，官方提供的cover-view是可以覆盖map组件的，但是实际并没有。你这个真机不能用，应该是view组件被map组件覆盖了。
没招了，我看看加个按钮能不能触发事件吧
所以这才体验测试的重要性啊。