精华内容
下载资源
问答
  • 百度地图不能显示图层的解决办法

    千次阅读 2016-08-01 08:44:03
    进行百度地图开发时,有时候会遇到图标显示出来了,但是图层没有显示出来的情况。具体应该有下面两种情形:     (图一)

    进行百度地图开发时,有时候会遇到图标显示出来了,但是图层没有显示出来的情况。具体应该有下面两种情形:

             

                                                                         (图一)                                                               (图二)

    1、 第一种情况,界面上光有一个位置点,连图层都没有。这个说明咱们没有获取到正确的百度地图的key,可以到http://lbsyun.baidu.com/apiconsole/key/create这个页面根据你应用的包名来申请相应的key.注意这里要输入SHA1。可以根据旁边查看详细的配置方法链接中的提示来查找你电脑的SHA1值。

    2、 第二种情况,这里可以看出不是没有图层,而是空白的图层,其实这个的意思就是你当前获取的经度跟纬度在地图上找不到相应的位置,所以就是一个空白的图层。如果出现这种情况,错误的原因应该要么是你获取位置信息的代码写的不正确。如果应用是部署在手机上的话。那么很有可能是你对该应用没有开启获取位置信息权限。所以获取不到你当前位置的经度跟纬度。如果你把当前位置的经度跟纬度打印出来的话,两个都应该是负数。所以解决办法很简单。在设置页面里面找到应用管理选项,然后在里面找到已安装的app。然后找到咱们地图所在的应用。把获取位置的权限打开就可以了。





    展开全文
  • 你可以先到百度地图名片中设置自己所在的位置,然后生成代码,把代码复制,链接到你描述的文字或图片,会自动推荐相关公交路线和最佳路线。百度地图的名片设置请点击如下链接。http://api.map.baidu.com/mapCard/  ...

    你可以先到百度地图名片中设置自己所在的位置,然后生成代码,把代码复制,链接到你描述的文字或图片,会自动推荐相关公交路线和最佳路线。百度地图的名片设置请点击如下链接。
    http://api.map.baidu.com/mapCard/ 

    效果图如下:

    填写好信息后点击设置地图就可以看到生成的a链接以及iframe代码,复制代码到你的网页中即可。

    更多问题,请前往:http://sucai.gxyourui.cn/Home/Article/blog_detail/article_id/60.html

    展开全文
  • html网页生成动态地图

    万次阅读 2018-08-17 11:33:57
    主要从... 例如:<script type="text/javascript">  //创建和初始化地图函数:  function initMap() {  createMap(); //创建地图  setMapEvent(...

    主要从http://api.map.baidu.com/lbsapi/creatmap/index.html中获取代码而得:

    例如:<script type="text/javascript">

        //创建和初始化地图函数:

        function initMap() {

            createMap(); //创建地图

            setMapEvent(); //设置地图事件

            addMapControl(); //向地图添加控件

            addMarker(); //向地图中添加marker

        }

     

        //创建地图函数:

        function createMap() {

            var map = new BMap.Map("dituContent"); //在百度地图容器中创建一个地图

            var point = new BMap.Point(106.54904, 29.60076); //定义一个中心点坐标

            map.centerAndZoom(point, 18); //设定地图的中心点和坐标并将地图显示在地图容器中

            window.map = map; //将map变量存储在全局

        }

        //地图事件设置函数:

        function setMapEvent() {

            map.enableDragging(); //启用地图拖拽事件,默认启用(可不写)

            map.enableScrollWheelZoom(); //启用地图滚轮放大缩小

            map.enableDoubleClickZoom(); //启用鼠标双击放大,默认启用(可不写)

            map.enableKeyboard(); //启用键盘上下左右键移动地图

        }

        //地图控件添加函数:

        function addMapControl() {

            //向地图中添加缩放控件

            var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE });

            map.addControl(ctrl_nav);

            //向地图中添加缩略图控件

            var ctrl_ove = new BMap.OverviewMapControl({ anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1 });

            map.addControl(ctrl_ove);

            //向地图中添加比例尺控件

            var ctrl_sca = new BMap.ScaleControl({ anchor: BMAP_ANCHOR_BOTTOM_LEFT });

            map.addControl(ctrl_sca);

        }

        //标注点数组

        var markerArr = [{ title: "公司名称", content: "公司地址", point: "106.549449|29.600407", isOpen: 0, icon: { w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5} }

     ];    

        //创建marker

        function addMarker() {

            for (var i = 0; i < markerArr.length; i++) {

                var json = markerArr[i];

                var p0 = json.point.split("|")[0];

                var p1 = json.point.split("|")[1];

                var point = new BMap.Point(p0, p1);

                var iconImg = createIcon(json.icon);

                var marker = new BMap.Marker(point, { icon: iconImg });

                var iw = createInfoWindow(i);

                var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });

                marker.setLabel(label);

                map.addOverlay(marker);

                label.setStyle({

                    borderColor: "#808080",

                    color: "#333",

                    cursor: "pointer"

                });

                (function () {

                    var index = i;

                    var _iw = createInfoWindow(i);

                    var _marker = marker;

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

                        this.openInfoWindow(_iw);

                    });

                    _iw.addEventListener("open", function () {

                        _marker.getLabel().hide();

                    })

                    _iw.addEventListener("close", function () {

                        _marker.getLabel().show();

                    })

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

                        _marker.openInfoWindow(_iw);

                    })

                    if (!!json.isOpen) {

                        label.hide();

                        _marker.openInfoWindow(_iw);

                    }

                })()

            }

        }

        //创建InfoWindow

        function createInfoWindow(i) {

            var json = markerArr[i];

            var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");

            return iw;

        }

        //创建一个Icon

        function createIcon(json) {

            var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })

            return icon;

        }

        initMap(); //创建和初始化地图

    </script>   

     <!--引用百度地图API-->

    <style type="text/css">

        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

     #dituContent div span.BMap_Marker.BMap_noprint{background: url('/images/marker_red.png') !important;height:26px !important;}

     #dituContent .BMapLabel{background-color:white; border:0px !important;left:15px !important;font-size:14px !important;font-weight:bold !important;color:Red !important;font-family:'宋体' !important;}

      #dituContent span.BMap_Marker div{width:0px !important;height:0px !important;}

    </style>

    展开全文
  • 网页中接入百度地图

    千次阅读 2016-11-28 00:48:09
    百度地图API点击打开链接 打开百度地图API图如下 第一步创建地图: 1.查找所要定位的地方,2.中心点纬度可以用鼠标拖拽地图设置,3.当前地图级别即是地图缩放级别 第二步设置地图: 这里其实默认设置...

    百度地图API点击打开链接

    打开百度地图API图如下


    第一步创建地图:

    1.查找所要定位的地方,2.中心点纬度可以用鼠标拖拽地图设置,3.当前地图级别即是地图缩放级别


    第二步设置地图:

    这里其实默认设置即可,等一下可以直接用代码改地图参数。


    第三步添加标注

    1.添加点标记,在地图中按鼠标左键即可标记位置,左面设置参数并且保存。(可设置多个标注)


    2.线标记,这里画线标注怎么到达“我的位置”,左边可设置参数。(可设置多条线标记)


    3.文字标记,这里给画线添加备注,左边设置文字。(可设置多个文字标记)


    第四步获取代码复制到html里面


    运行代码,然后发现网页出现乱的字符,并且标记的图标没显示出来,没关系我们开始改代码。


    1.在head标签里把charset改成中文国际标准utf-8

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    2.下面代码可以改标记图标路径,这里我改成自己想要的

    //创建一个Icon
        function createIcon(json){
            var icon = new BMap.Icon("img/mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
            return icon;
        }
    3.设置图标在地图的位置和大小(一般图有多大,w和h就设置多大)

    //标注点数组
        var markerArr = [{title:"我的位置",content:"地址:腾讯大厦<br/><br/>电话:88888888<br/><br/>联系人:测试猫",point:"113.941079|22.546052",isOpen:1,icon:{w:38,h:38,l:0,t:0,x:16,lb:15}}
    		 ];
    效果出来了,点开看见我的信息。

    这样百度地图的接入完成了,当然有很多参数可以自行修改,例如地图在网页中的大小,在div标签里改即可等等。。现在你可以把js封装成一个脚本,然后在html里引入封装的js代码,在html中插入<!--百度地图容器--><div style="width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div>。

    当然这里引入封装的javascript脚本有一个重要事项:1.api的key  <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>  要在head标签里引入,而你copy过来的那些javascript代码封装成的脚本,要在</body>结束标签后引入,否则百度地图的接入无效哦,这个是经过测试的,必须要等html的body内容加载完才能加载百度地图。要不你也可以试试在head里引入封装脚本,加个defer="defer"属性延迟加载应该也是可以的。



    展开全文
  • 百度地图点击图层显示信息窗口

    千次阅读 2020-01-05 20:41:14
    百度地图开发常用网站 1、百度地图开放平台 http://lbsyun.baidu.com/ 2、百度地图Javascript API JavaScript API v3.0http://lbsyun.baidu.com/index.php?title=jspopular3.0 JavaScript API v2.0...
  • 百度地图开发常用网站 1、百度地图开放平台 http://lbsyun.baidu.com/ 2、百度地图Javascript API JavaScript API v3.0http://lbsyun.baidu.com/index.php?title=jspopular3.0 JavaScript API v2.0...
  • 需求:领导需要在年会上展示我们的用户ip实时数据,做一个网页版的地图,仅仅显示中国区域。 技术分析:echart,hchart等网站都有地图版的,百度地图有热点实例,经过对比,我选用了百度地图,但是百度地图无法只...
  • 我分享的内容是关于Android开发中对于多个按钮携带的网页链接跳转到一个页面(即自定义的页面),而不是跳转到浏览器的问题解决方案。适合刚入行的小白程序员,高深的咱现在还不会啊。 Java代码 MainActivity类(一...
  • 地图API调用,web网页同时显示多个标记,可标记自己的多个分公司以及点击弹出简介链接到分公司网站等,手机、电脑都适用。
  • GIS的地图显示功能

    2020-04-28 17:22:56
    那么我就来分享一下地图在浏览器上显示的功能吧!首先,我先介绍一下地图是怎么发布的。 先把自己需要的地图在SuperMap软件里把地图切好,弄好地图的地区,铁路等的优化。然后切好地图和优化地图之后,就用Google...
  • 【Qt地图】在Qt调用地图显示GNSS位置

    千次阅读 2020-02-08 08:53:51
    参考链接 ... 关于QT的说明 1、根据Qt官方的解释(在Qt的帮助文档里也可以看到),在5.6版本以及之后的版本,Qt已经移除了webkitwidgets模块,并用一个新的模块webenginewidgets替代之。...因此QT不能+= webki...
  • 环境: 电脑:mac mini 软件:android studio 3.1 ...1,[百度地图文档链接][1] 2,申请密钥(ak) 3,创建应用 4,下载需要的sdk,解压后lib目录如下 开始使用: 1,libs文件中放入jar包 2,jniLib放入so文...
  • 如何在网页中嵌入百度地图

    万次阅读 2016-10-20 22:46:42
    如何在网页中嵌入百度地图
  • 显示指定经纬度的地图然后我结合需求sdkapi后,就确定了大概几个需求。本文只注明几个比较有用的地方,具体还得结合官方文档生成静态图片这个在android 地图api里面同样没有找到,后来细想了下可能是web方做的,但...
  • 冠状病毒主题网页制作——疫情地图

    千次阅读 多人点赞 2020-05-24 20:46:14
    由于各种原因Echarts不再提供地图文件的下载,所以地图文件的下载链接为我上传的CSDN的下载链接 疫情数据调用的是GitHub上大佬提供的API https://lab.isaaclin.cn/nCoV/ 三.效果展示 四.代码详解 1.数据处理 let ...
  • 在移动互联网发展日益迅速的时代,我们在使用许多手机应用(如大众点评网、网页浏览器)时,都会发现其中有“获取当前地理位置”的功能。那么这种功能是如何实现的呢?我们可以借助百度地图提供的API来达到这一目的...
  • 如何在网页中调用百度地图API 分类:java2012-12-05 18:121654人阅读评论(0)收藏举报 http://www.cnblogs.com/milkmap/archive/2011/02/22/1960004.html 【百度地图API】建立全国银行...
  • 百度地图默认标注显示位置

    千次阅读 2016-09-03 16:37:58
    点击打开链接
  • 百度地图网页也有相应的api,可以用但是好用,它必须获得经纬度才能准确定位好吗,而且具备位置搜索功能,如果自动定位失败或者定位到重名的地方了,倒是可以直接在地图上找,但是让用户自己去世界上找自己的...
  • 怎样在网页里加百度地图标注

    千次阅读 2011-07-18 17:15:41
    1、在网页里引用的代码 //创建和初始化地图函数: function initMap() { createMap(); //创建地图 setMapEvent(); //设置地图事件 addMapControl()
  • 网页地图的制作 ASP.NET

    千次阅读 2007-06-27 21:02:00
    基于地图的搜索需要有一张地图,还需具备搜索相关位置的能力。幸运的是,Virtual Earth 地图控件为我们同时提供了这两个必要条件。...VEMap 控件不仅可以显示我们的地图,它还提供了四种不同的执行搜索的方法: •
  • type=drive&referer=kpweizhi&from=我的位置&fromcoord=CurrentLocation&to= &tocoord=23.56249,116.61579 的网页可能暂时无法连接,或者它已永久性地移动到了新网址。 ERR_UNKNOWN_URL_SCHEME
  • OpenTCS绘制AGV地图网页HTML加载

    千次阅读 2020-05-27 17:06:11
    测试环境清单:openTCS-4.18.0-bin Nodejs+express+html5 使用OpenTCS绘制AGV地图: 绘制站点和路径 把地图另存为XML文件: 另存为XML文件 拷贝到expess的静态资源库 使用JavaScript加载站点和路径到HTML网页
  • 疫情地图网页版代码实例

    千次阅读 2020-12-23 21:52:12
    地图 map: 'china', // 要使用的地图,即上面注册的地图名称 roam: true, // 开启鼠标缩放和平移漫游 label: { // 图形上的文本标签,地图默认显示数据名 show: true, formatter: '{b...
  • 任务:显示地图在界面上并成功定位一:我们导入高德地图的API在Podfileplatform :ios, '7.0' target ‘你的项目名称’ do pod 'AMap3DMap' pod ‘AMapSearch’ pod ‘AMapLocation’ end注意:target中 正确输入...
  • 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。 登录谷歌地图主页,定位你...
  • QT5.9 利用 QWebEngineView / QWebChannel 调用JavaScript 实现QT与HTML网页数据交互, 实现QT加载百度地图并与地图交互数据 编译环境 QT5.9.3 + VS2015 64/32bit +win10 (MinGW默认支持 QWebEngineView) 先看...
  • 网页中怎么嵌入谷歌动态地图

    千次阅读 2012-07-11 10:50:47
    1、 首先打开谷歌地图首页:http://ditu.google.cn 输入网点中心名称(例如:北京科学院南路投资理财中心)...4、 地图大小选中[自定义],填写合适的地图大小。将[请复制此HTML并将其粘贴嵌入到您的网站上]中的代码
  • 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。 登录谷歌地图主页,定位你...
  • 如果你只需要在自己的页面上显示某个特定范围的地图,比如你的公司所在地,但是需要在地图上添加任何额外的内容,比如标记、折线等等,那么,使用这个方法来嵌入谷歌地图是最简单的。 登录谷歌地图主页,定位你...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 19,063
精华内容 7,625
关键字:

网页链接地图不能显示