index.html中加入script <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=2GRZTukOKUxe25P86mqjHuR1mTahwueb" ></script> 新建map.vue <template> <div id="allmap" class="Map" /

百度地图marker点击任意一个当前的变化,其余的marker不变 最近做的百度地图,遇到一个问题,就是在for循环里面执行marker的点击事件 没有可以比对的对象,每次点击marker的时候,i都是最后一个,所以那样写不对 解决办法,在marker上添加label 属性,然后再隐藏掉label,是为了不让他在地图上显示 然后再点击的时候,将label 的值获取到,传入函数

运行百度地图自带的BaiduMap_AndroidSDK_v4.1.0_Sample里面的BaiduMapsApiASDemo发现点击上面的按钮会闪退,控制台报的是xml的问题 查了一下,官方文档特别交代了要加入SDKInitializer.initialize(getApplicationContext()); 但是Demo里面没有,因而要加上. 即可解决Demo的Bug.

大概七月底开始实习,到现在经历了两个完整的项目(c2b). 因为开发时间紧,任务重,所以在开发过程踩到的坑都没时间去记录. 现在在开发一个某链运输监控系统,到了收尾阶段,有时间写博客了!开心! 一.鼠标移入移出标注,信息框会产生闪烁 如下图: 网上一堆解决的办法,一开始以为是事件冒泡(mouseover.mouseout),最多的就是设置setTimeout,其实就是延时,让闪烁的频率降低了. 在开发过程中用的就是这个方案,但是根本问题没有解决,还是会闪烁. 最近有时间去找原因,发现并不是事件冒

前端时间需要在页面的输入框输入地址,搜索并在百度地图上获取选定结果的坐标,前端使用了Vue + Element-ui,地图方面直接使用了封装好的百度地图vue组件-vue-baidu-map       输入框使用自动完成的Input组件,在输入地址时不断更新地图搜索结果和地图当前定位.  以下是demo代码   <template> <div class="app-container"> <el-autocomplete v-model="ma

工作中遇到的有关echarts地图和百度地图的问题 *** 前言:在做项目中需要制作一个场景是左边是柱状图,右边是地图,地图上悬浮一个按钮可以切换echarts地图和百度地图.*** 功能: 在点击左边柱状图其中的一条的时候再右边地图显示一些标记的点 echarts地图在鼠标悬停的时候回显示这个点上的公司信息,点击这个点的时候跳转到公司详情(都是自己做的页面) 百度地图在点击这个点的时候回弹出一个覆盖物,上面有公司名称和简介,点击公司名称的时候跳转到公司详情页 遇到的问题: 在点击不同的柱状图的

公司要求做个百度地图点聚合的性能优化,需一次性加载9万条数据. 记录下自己的优化过程.(只想看优化代码的可直接移步:步骤三) 一.引入百度地图 vue项目中,在index.html文件中用script标签引入百度地图(ak=秘钥) <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=6BUBoNWirHMQajt9f2hzWF1mDK7MsR8n">&

小程序看似一种全新的东西,但好在基本上就是曾经HTML,CSS,JS的一个微变版本. 语法和之前一样.只是一些用法和名字(标签)发生了一些变化. 小程序主要就四种扩展名的文件:js,json,wxml,wxss JS,小程序的功能实现文件,和普通的JavaScript没什么区别,更多的是加入了一些微信扩展的方法,可以与微信进行一些交互. JSON,小程序的配置文件,也比较简单,格式和之前熟知的JSON文本文件没有区别,在小程序里主要也是用于配置环境和属性等. WXSS,小程序的样式文件,语法和普

微信JS-SDK开发过程中,使用getLocation获取坐标位置,如何将微信获取的坐标直接应用到百度地图中,显示以下效果: 说明:红色图标是从微信转换过来的位置,蓝色图标是周边位置.首先从微信开发流程讲解. 1.微信JS-SDK开发文档 首先进入官网的帮助文档:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115&token=&lang=zh_CN 可对文档进行详细的研读,要获取位置信息,分以下步骤:

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/. 1.背景 目前项目上如果要使用百度地图,得加载百度的开发包,然后通过百度提供的接口来调用百度地图以及将需要标记的点显示在百度地图中等等. 此方案存在明显劣势: a.对原系统的破坏.一套从底层开发的系统,其地图的加载方式均是从底层通过换算行列号来进行加载的.而百度地图却必须脱离此方案通过调用百度API来实现,破坏了整个系统的架构,并且导致很多基于原架构的功能无法使用.

在Delphi中使用Webbrowser加载百度地图时,点击了其它界面,再回到百度地图中,即使点击了鼠标,再用滚轮也不能缩 放地图,除非点地图里面的自带的控件,之后才能缩放,原因是因为其它窗体控件获得焦点后没还回给Webbrowser.目前的解决办法是在窗体上拖一个ApplicationEvents,在他的OnMessage事件中写入如下代码: if IsChild(WebBrowser1.Handle, Msg.Hwnd) then begin // 使用API进行判断,第一个参数是父窗口,第

<XGeocoding使用手册> 1.下载XGeocoding V2 http://www.gpsspg.com/xgeocoding/download/ 2.解压XGeocoding_v2.rar,打开xGeocoding.exe , 首次登陆界面如下: 3.申请百度地图API(   有可以直接跳至4进行操作) (1)   按提示申请百度地图API KEY,点击蓝色连接,进入百度地图api申请界面,注册登录,点击右上角APP控制台 (2)   选择创建应用,填写个人信息注册成为开发者 (3)

通过点击不同筛选条件,筛选出不同企业所在的地点, 根据每个企业的经纬度 在地图上标记多个maker,点击任意一个maker,会弹出infoWindow 信息窗口: 说明:  因每个人写法不同.需求不同, 部分代码 未提供 复制粘贴 需要 参考:  百度地图API 1.初始化地图 this.baiduMap = new BMap.Map("allMap",{minZoom:10,maxZoom:20}); // 创建地图实例 this.baiduMap.enableScrollWheel

最近遇到一个业务就是需要需要在地图上标记多个区域.一般餐饮业做外卖的,配送范围一般是多区域的,那么在地图上标记配送范围的时候就需要能标记多个区域.长话短说,最初的实现原型的截图如下:

作为一名开发人员,每次接到开发任务,我们首先应该先分析需求,然后再思考技术方案和解决方案.三思而后行,这是一个好的习惯. 需求:本项目是采用vue组件化开发的单页应用项目,现需要在项目中引入百度的地图展示功能,用于展示所有项目的分布情况.搜索功能(省略,不是这里介绍的内容)....... 交互:选中左侧的项目,选中项高亮,自动定位到右侧地图中项目所在位置,并弹出项目的基本信息.点击右侧的项目,自动高亮显示左侧的项目,并滚动到项目所在位置.地图支持聚合和缩放. 项目运行效果如下图所示: 接下来开始

vue Baidu Map 官网:https://dafrok.github.io/vue-baidu-map/#/zh/start/installation javascript 官网:http://lbsyun.baidu.com/jsdemo.htm#d0_1 实现功能: 搜索地点 点击地图获取到经纬度和地点信息 vue Baidu Map 安装: $ npm install vue-baidu-map --save 全局注册 全局注册将一次性引入百度地图组件库的所有组件. import

整理一下~ 一.在vue中调用百度地图 首先当然是申请百度密匙(很简单,不多说) 1.在index.html文件中引入百度地图JavaScript API接口:   <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密匙部分哦"></script> 2.在bulid/webpack.base.conf.js配置文件中配置BMap,在mod

1.在百度地图申请密钥:http://lbsyun.baidu.com/ 将 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥" ></script> 中的密钥替换成你申请的,在vue项目的index.html引用. 2. 在build 文件下下的 webpack.base.conf.js贴入代码 externals: { &quo

这次老板新接了一个四点半官网页面,使用vue来写.emm……我感觉整个人都不好了,两天半解决了20个静态页面.还好vue写页面简直飞快,遇到一个vue的新坑,使用百度地图. 研究了好一会,总是报错BMap is not defined 我只有一个页面需要用到地图,所以我是使用cdn引入的方式来写的,并没有像网上一些教程一样使用npm引入安装. 直接简单粗暴的根据百度地图api来写,虽然报错.那就解决报错的bug就行了.好了,下面开始说说步骤 在需要页面的处引入cdn: <script type=

知识点:创建Map实例,为指定的位置设置标注 参考博客:https://www.cnblogs.com/liuswi/p/3994757.html 1.效果图:初始化地图,设置指定经纬度为地图中心点坐标 设置地图标注 2.代码:map.js (ps:申请百度地图密钥和引入百度地图API,请参考我的另一篇博客:Vue中使用百度地图——根据输入框输入的内容,  获取详细地址) <template> <!--地图容器--> <div id="XSDFXPage"

知识点:在Vue.js项目中调用百度地图API,实现input框,输入地址,在百度地图上定位到准确地址,获得到经纬度 参考博客:  百度地图的引用,初步了解参考博客:http://blog.csdn.net/docallen/article/details/70877925 详细功能修改参考博客: https://www.cnblogs.com/NearTheSea/p/6808093.html 效果图:在input输入框中,输入要查询的地址,搜索出相关的名字 选中详细地址,地图定位到详细地址