
地图
百度地图、openlayer、高德地图
jjw_zyfx
仅当做个人笔记使用
展开
-
百度地图设置显示中心点
百度地图实例连接地址如下:https://lbsyun.baidu.com/jsdemo.htm#bSetGetMapCenter var point = new BMapGL.Point(lng, lat); map.setCenter(point); // 设置地图中心点原创 2021-06-21 19:10:15 · 3194 阅读 · 0 评论 -
vue2百度地图修改比例尺位置
官网位置https://lbsyun.baidu.com/index.php?title=jspopular/guide/widget代码如下: let top_left_control = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});// 左下角,添加比例尺 map.addControl(top_left_control);原创 2021-06-21 09:26:24 · 811 阅读 · 1 评论 -
iview tabs中每个tab 中使用一个百度地图,第一个TabPane中的地图不会有问题,但是第二个以后的地图缩放时会出现问题的解决方法
一种方式是将tab切换时的动画去掉即添加上:animated="false" 属性 但是这个添加上后 TabPane 的高度就会变成0;所以需要添加style="height: 100%"这样第二个以后的TabPane中的地图就不会出现缩放的时候中心点位置跑偏了...原创 2019-11-15 15:16:10 · 601 阅读 · 0 评论 -
百度地图 路线设置marker,marker放上和离开添加事件显示,行走的路线
addMarker (state, point,DateTime) { let img = this.driverRobImg[state]; if (!state || !img || state == 6){ let commonMarker = new BMap.Marker(point) let label...原创 2019-11-13 16:53:51 · 885 阅读 · 0 评论 -
百度地图自定义控件
上面显示 的是自定义的,代码中也可以使用iview,我给注释掉了完整代码:<template> <div id="app"> <div id="map"></div> <Modal v-model="modal1" title="Common Modal dialog box tit...原创 2019-10-25 17:08:56 · 343 阅读 · 0 评论 -
对于百度地图中的案例不能复制的解决方法
在浏览器中输入:document.designMode="on"回车即可复制了原创 2019-10-24 20:05:56 · 1189 阅读 · 0 评论 -
百度地图 各参数解释
var mp = new BMap.Map("map",{ enableMapClick: false })enableMapClick: false 默认是true,作用是如果为false 则只是显示一个抓东西的手原创 2019-10-23 18:58:40 · 1827 阅读 · 0 评论 -
vue/react 去掉百度地图左下角的版权和文字的方法
这个博客有讲解如何去掉https://blog.youkuaiyun.com/jjw_zyfx/article/details/101785574原创 2019-10-21 21:18:49 · 1922 阅读 · 0 评论 -
vue/react百度地图使用
vue 和react使用百度地图除了配置不一样外基本上其他的都一样配置请参考:https://blog.youkuaiyun.com/jjw_zyfx/article/details/101783138百度地图几个常用的参数的说明参考文档:http://lbsyun.baidu.com/index.php?title=jspopular去掉左下边的图标:react中经试验可行在样式...原创 2019-09-30 19:10:37 · 2055 阅读 · 5 评论 -
vue create appName /react-create-app appName 脚手架方式创建应用使用百度地图
vue配置:第一步标签内容2.0 的用这个<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>标签内容3.0的用这个<script type="text/javascript" src="http://api...原创 2019-09-30 18:35:03 · 752 阅读 · 0 评论