html5手机百度地图js,移动端js调用百度地图的问题

news/2024/11/7 13:47:42/

web端调用百度地图的时候,移动端浏览, 点击地图中的任意一个地标不是显示详情,但是在pc端是可以显示的。

body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

#allmap{width:100%;height:500px;}

p{margin-left:5px; font-size:14px;}

纯文本的信息窗口

点击标注点,可查看由纯文本构成的简单型信息窗口

// 百度地图API功能

var map = new BMap.Map("allmap");

var point = new BMap.Point(116.417854,39.921988);

var marker = new BMap.Marker(point); // 创建标注

map.addOverlay(marker); // 将标注添加到地图中

map.centerAndZoom(point, 15);

var opts = {

width : 200, // 信息窗口宽度

height: 100, // 信息窗口高度

title : "海底捞王府井店" , // 信息窗口标题

enableMessage:true,//设置允许信息窗发送短息

message:"亲耐滴,晚上一起吃个饭吧?戳下面的链接看下地址喔~"

}

var infoWindow = new BMap.InfoWindow("地址:北京市东城区王府井大街88号乐天银泰百货八层", opts); // 创建信息窗口对象

marker.addEventListener("click", function(){

map.openInfoWindow(infoWindow,point); //开启信息窗口

});

map.addEventListener('click',function(e){

var newOne=new BMap.Point(e.point.lng+","+e.point.lat)

/*console.log(e.point.lng+","+e.point.lat)

map.openInfoWindow(BMap.InfoWindow,newOne)

})*/


http://www.ppmy.cn/news/622463.html

相关文章

android5.0百度地图,百度地图安卓版5.0.0 官方版

百度地图安卓版是一款手机在线查地图软件。百度首家应用增强现实技术,开启摄像头模式,支持离线地图和好友位置共享,提供贴心的屏幕长亮和打车估价功能。通过百度地图,您可以快速进行定位;任意查找地点、商家、公交站点…

android 判断是否安装百度地图,判断手机是否安装高德/百度地图

最近需要做一个关于导航的功能,得用手机存在的地图来打开,然后从网上找了一篇博客里面只写了怎么判断手机是否安装百度地图的,从网上各种翻,终于在高德地图上找到一句话。 开发者在调用URI 之前需要先判断是否安装了高德地图APP。如果没有安装,下载安装高德地图。然后调用…

Android开发之百度地图定位

Android开发之百度地图定位 一、效果图二、下载百度地图SDK1.打开[百度地图](https://lbsyun.baidu.com/index.php?title%E9%A6%96%E9%A1%B5)官网,然后点击开发文档选择Android地图SDK2.使用步骤如图3.点击申请密钥(AK),完成注册和申请为开发者后(非常简…

我的百度地图位置定位服务器,百度地图手机版如何进行我的位置定位?

不知大家有没有使用过百度地图手机版我的位置定位功能?百度地图的位置定位功能很不错,我的位置定位让我们随时分享位置信息,可以通过这个位置定位功能让其他的好友都知道我们的具体所在位置,真是一个很实用的功能。 百度地图手机版…

ASEMI代理ST可控硅BTA41封装,BTA41图片

编辑-Z BTA41参数描述: 型号:BTA41 封装:TO-3P RMS导通电流IT(RMS):40A 非重复浪涌峰值导通电流ITSM:420A 峰值栅极电流IGM:8A 平均栅极功耗PG:1W 存储接点温度范围Tstg:-40…

unity接入mqtt自救指南

1.环境准备 HslCommunication.dll (版本:11.5.3.0) Newtonsoft.Json.dll (版本 13.0.1.25517) dll自取 2.client相关 using UnityEngine; using HslCommunication.MQTT; using System.Text; using System; using UnityEngine.Networking; using System.Collections; using…

三星android系统应用,三星Android系统文件夹全解

该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 三星android系统的开放,使其用户可以自己查看系统和SD卡中的文件夹。就系统和SD卡中常见的目录代表什么意思,下面是一个较实用的总结:   一、SD卡中  1. /mnt/sdcard或者/sdcard这是Android手机中SD卡的…

三星android文件传输,微软“你的手机”应用现已支持三星手机投屏后与PC之间拖拽传输文件...

自微软放弃 Lumia 系列手机后,就一直和 Android 手机制造商三星走得很近,几年前的三星 Galaxy S6 更是预装了好多微软的应用,不仅于此,三星手机还是唯一一家支持微软剪切板云同步的手机,也是唯一一家支持“你的手机”应…