精华内容
下载资源
问答
  • Android 百度地图标点定位,动画标点

    千次阅读 2017-04-23 20:03:56
    百度地图标点定位,动画标点定位

    前期实现与”定位”中步骤相同,参考:
    代码片段中:

    import android.content.Intent;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.util.Log;
    import android.widget.Toast;
    
    import com.baidu.mapapi.SDKInitializer;
    import com.baidu.mapapi.map.BaiduMap;
    import com.baidu.mapapi.map.BitmapDescriptor;
    import com.baidu.mapapi.map.BitmapDescriptorFactory;
    import com.baidu.mapapi.map.MapView;
    import com.baidu.mapapi.map.Marker;
    import com.baidu.mapapi.map.MarkerOptions;
    import com.baidu.mapapi.map.Overlay;
    import com.baidu.mapapi.map.OverlayOptions;
    import com.baidu.mapapi.model.LatLng;
    
    import java.util.ArrayList;
    
    public class MainActivity extends AppCompatActivity {
        MapView mMapView = null;
        private BaiduMap baiduMap;
        private Marker marker;
        BitmapDescriptor bdA = BitmapDescriptorFactory.fromResource(R.drawable.icon_marka);
        BitmapDescriptor bdB = BitmapDescriptorFactory.fromResource(R.drawable.icon_markb);
        BitmapDescriptor bdC = BitmapDescriptorFactory.fromResource(R.drawable.icon_markc);
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            //在使用SDK各组件之前初始化context信息,传入ApplicationContext
            //注意该方法要再setContentView方法之前实现
            SDKInitializer.initialize(getApplicationContext());
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            //获取地图控件引用
            mMapView = (MapView) findViewById(R.id.bmapView);
            baiduMap = mMapView.getMap();
            //可以有普通地图  卫星地图  空白地图三种样式
            //baiduMap.setMapType(BaiduMap.MAP_TYPE_NORMAL);//普通地图,也是默认地图、
            //空白地图  基础地图瓦片不会被渲染,在地图类型汇总设置为NONE,将不会使用流量下载基础地图的瓦片图层
          //  baiduMap.setMapType(BaiduMap.MAP_TYPE_NORMAL);
            baiduMap.setMapType(BaiduMap.MAP_TYPE_SATELLITE);//卫星地图
         //   baiduMap.setTrafficEnabled(true);//实时交通地图
          //  baiduMap.setBaiduHeatMapEnabled(true);//热力地图
            //-----------------------坐标--------------------------
            // 百度地图上展示覆盖物,需要使用的是BD09坐标
            //定义maker坐标点
            LatLng latLng = new LatLng(39.963175, 116.400244);//初始画时候的经纬度
            //构建Marker图标
            BitmapDescriptor bitmap = BitmapDescriptorFactory.fromResource(R.drawable.icon_gcoding);
            //构建markerOption ,用于在地图上添加Marker
            OverlayOptions options = new MarkerOptions()
                    .position(latLng)//设置marker的位置
                    .icon(bitmap)    //设置marker的图标
                    .zIndex(9)       //设置marker所在的层级
                    .draggable(true);//设置手势的拖拽
            //在地图上添加Marker
            marker = (Marker) baiduMap.addOverlay(options);
           //设置监听方法  注意拖拽的时候是长按拖拽
          baiduMap.setOnMarkerDragListener(new BaiduMap.OnMarkerDragListener() {
              @Override
              public void onMarkerDrag(Marker marker) {
                  Toast.makeText(MainActivity.this, "拖拽了", Toast.LENGTH_SHORT).show();
                  //拖拽中
              }
    
              @Override
              public void onMarkerDragEnd(Marker marker) {
                 //拖拽结束
                  LatLng position = marker.getPosition();
                  double longitude = position.longitude;
                  double latitude = position.latitude;
                  Log.i("xxx",longitude+","+latitude);
    
              }
    
              @Override
              public void onMarkerDragStart(Marker marker) {
                //开始拖拽
              }
          });
            //3.3.0之后  SDK提供了给Marker增加动画的能力,具体实现:
            //通过marker的icon设置一组图片,实现帧动画  再通过period设置多少帧刷新一次图片资源
            ArrayList<BitmapDescriptor> giftList = new ArrayList<>();
    
            giftList.add(bdA);
            giftList.add(bdB);
            giftList.add(bdC);
            LatLng latLng2 = new LatLng(39.763175, 116.300244);//初始画时
            OverlayOptions ooD=new MarkerOptions().position(latLng2).icons(giftList)
                    .zIndex(0).period(10);
            baiduMap.addOverlay(ooD);
    
            //实现Marker的点击
            baiduMap.setOnMarkerClickListener(new BaiduMap.OnMarkerClickListener() {
                @Override
                public boolean onMarkerClick(Marker marker) {
                    //判断对应的Marker
                    if (marker==marker){
                        Intent intent = new Intent(MainActivity.this, OtherActivity.class);
                        startActivity(intent);
                    }
                    return false;
                }
            });
    
    
        }
        @Override
        protected void onDestroy() {
            super.onDestroy();
            //在activity执行onDestroy时执行mMapView.onDestroy(),实现地图生命周期管理
            mMapView.onDestroy();
        }
        @Override
        protected void onResume() {
            super.onResume();
            //在activity执行onResume时执行mMapView. onResume (),实现地图生命周期管理
            mMapView.onResume();
        }
        @Override
        protected void onPause() {
            super.onPause();
            //在activity执行onPause时执行mMapView. onPause (),实现地图生命周期管理
            mMapView.onPause();
        }
    }
    

    在资源文件中添加相关的图片
    清单文件中:

    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
        <uses-permission android:name="android.permission.INTERNET"/>
        <uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" />
        <uses-permission android:name="android.permission.WAKE_LOCK"/>
        <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
        <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
        <uses-permission android:name="android.permission.GET_TASKS" />
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
        <uses-permission android:name="android.permission.WRITE_SETTINGS" />
        <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"></uses-permission>
        <uses-permission android:name="android.permission.READ_PHONE_STATE"></uses-permission>
        <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"></uses-permission>
        <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"></uses-permission>
    
     <meta-data
                android:name="com.baidu.lbsapi.API_KEY"
                android:value="HfKDnEBT8GCu3P1NzW3Kt5IkYVuCgjsH" />
    展开全文
  • 百度地图标点鼠标样式更改

    千次阅读 2019-09-18 08:32:53
    需求:修改百度地图红点悬停鼠标样式,有链接的鼠标悬停显示为pointer点击跳转,没有链接的红点悬停后显示鼠标默认样式。 分析1: 核心对象分析,找到红点对象 API查询红点对象控制鼠标样式的方法 百度地图官方...

    需求:修改百度地图红点悬停鼠标样式,有链接的鼠标悬停显示为pointer点击跳转,没有链接的红点悬停后显示鼠标默认样式。

    分析1:

    1. 核心对象分析,找到红点对象
    2. API查询红点对象控制鼠标样式的方法

    百度地图官方JSAIP2.0 http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html#a3b2

    百度地图JS 核心对象:

    1. Map 实例化一个地图
    2. Marker  地图上一个图像标注(控制红点对象)
    3. Icon  标注覆盖物所使用的图标
    4. Label  地图上的文本标注

    API方法查找与鼠标相关的方法:

    事件 参数 描述
    click event{type, target} 点击标注图标后会触发此事件
    dblclick event{type, target, point,pixel} 双击标注图标后会触发此事件
    mousedown event{type, target, point,pixel} 鼠标在标注图上按下触发此事件
    mouseup event{type, target, point,pixel} 鼠标在标注图上释放触发此事件
    mouseout event{type, target, point,pixel} 鼠标离开标注时触发此事件
    mouseover event{type, target, point,pixel} 当鼠标进入标注图标区域时会触发此事件

    分析2:

    1. API方法并没有直接控制鼠标样式的方法
    2. 通过mouseover事件控制鼠标样式,尝试直接更改红点的css后无效
    3. 分析mouseover的参数,找到当前Marker的dom对象来更改cursor
    4. 在百度AIP示例中测试修改http://lbsyun.baidu.com/jsdemo.htm#c2_4

    默认百度地图该实例红点鼠标悬停为小手(pointer)样式,添加mouseover事件,找到红点dom对象控制其css

    查看mouseover事件的参数,F12后查看找到红点dom对象的style,尝试后找到为止为type.currentTarget.V.style。

    最终解决代码:

    marker.addEventListener("mouseover", function(type, target, point,pixel){  
            //console.log(type);
         	type.currentTarget.V.style.cursor ="default";
         });

     

    展开全文
  • 申请百度地图 AK http://lbsyun.baidu.com/apiconsole/key 有了ak自己上代码 注意代码中一定要把自己的ak填入 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <...

    一、显示地图配置
    申请百度地图 AK http://lbsyun.baidu.com/apiconsole/key
    有了ak自己上代码 注意代码中一定要把自己的ak填入

    <%@ page language="java" contentType="text/html; charset=UTF-8"
    	pageEncoding="UTF-8"%>
    <%@ page isELIgnored="false"%>
    <!DOCTYPE html>
    <html>
    <head>
    <link href="${pageContext.request.contextPath }/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/pagination.css" rel="stylesheet">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
    body, html, #allmap {
    	width: 100%;
    	height: 100%;
    	overflow: hidden;
    	margin: 0;
    	font-family: "微软雅黑";
    }
    </style>
    <script type="text/javascript"
    	src="https://api.map.baidu.com/api?v=2.0&ak=申请的AK"></script>
    <title>批量转换</title>
    <style>
    .link_button {
    	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
    	border-radius: 4px;
    	border: solid 1px #969696;
    	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px
    		rgba(0, 0, 0, 0.2);
    	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px
    		rgba(0, 0, 0, 0.2);
    	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px
    		rgba(0, 0, 0, 0.2);
    	background: #84CD9C;
    	color: #000000;
    	padding: 8px 12px;
    	text-decoration: none;
    }
    
    .sel_btn1 {
    	width: 70px;
    }
    </style>
    </head>
    <script type="text/javascript"
    	src="${pageContext.request.contextPath }/js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript"
    	src="${pageContext.request.contextPath }/bootstrap/js/bootstrap.min.js"></script>
    <body>
    	
    		<div id="allmap" style=" height: 100%; width: 100%"></div>
    	
    	<script type="text/javascript">
        //地图初始化
        var bm = new BMap.Map("allmap");
        bm.centerAndZoom(new BMap.Point(118.599943,24.800427), 11);
        
        //设置地图央视为黑色的函数
        bm.setMapStyle({style:'midnight'}) 
        bm.enableScrollWheelZoom();
        bm.enableContinuousZoom();
        bm.addControl(new BMap.MapTypeControl({mapTypes: [BMAP_NORMAL_MAP,BMAP_SATELLITE_MAP ]}));
        //坐标转换完之后的回调函数
        var obj = ${WXHomelongitudeLatitude};//后台传入的经纬度集合的session
        var points =  new Array();
        var exception = 0;
        //获取当前位置
        var longitude = null;
        var latitude =null;
        //定位当前位置的经纬度
        var geolocation = new BMap.Geolocation();
        geolocation.getCurrentPosition(function(r){console.log(r.point)
            if(this.getStatus() == BMAP_STATUS_SUCCESS){
                var mk = new BMap.Marker(r.point);
                longitude =r.point.lng;
                latitude = r.point.lat;
                //传入函数为每个经纬度进行跳转导航的经纬度赋值
                lnglat(longitude,latitude);
            }else {
                alert('failed'+this.getStatus());
            }        
        },{enableHighAccuracy: true})
        function lnglat(longitude,latitude){
        	//遍历obj包含经纬度坐标的函数
        	for(var i=0;i<obj.length;i++){
            	points[i]=new BMap.Point(obj[i].longitude,obj[i].latitude);
            	//这个if判断是根据业务需求加的用来根据不同条件来改变标点的图片
        	    if(obj[i].datastatistics!=null){
        	    	if(obj[i].datastatistics.blockagedegree>20){
        	    		//标点
        	    		 var marker = new BMap.Marker(points[i]);
        	    		 exception++;
        	    	}else{
        	    		//改变标点图片的方法
        	    	    var myIcon  = new BMap.Icon('${pageContext.request.contextPath }/img/biaodian.png', new BMap.Size(30, 34));
        			    var marker = new BMap.Marker(points[i],{icon: myIcon });
        	    	}
        	    }else{
        	    	var marker = new BMap.Marker(points[i]);
        	    	exception++;
        	    }
            	//调用函数来为每个标点添加标注
        	    createTag(marker,points[i],obj[i],longitude,latitude);
        		bm.addOverlay(marker);
            }
        }
        
    	function createTag(marker,m,obj,longitude,latitude){
    	    //添加标注设置样式,并为其添加值 a标签为跳转百度地图导航的标签
    	    var text = "<p>&nbsp;&nbsp;&nbsp;&nbsp;</p><a  class='link_button ' href="+"${pageContext.request.contextPath }/WeiXinLogin/getStatistics?id="+obj.deviceId+">设备详情查看("+obj.factoryId+")</a>:"+
    	    "<a target=' _blank' class='link_button sel_btn1 ' href="+"http://api.map.baidu.com/direction?origin="+latitude+","+longitude+"&destination="+marker.point.lat+","+marker.point.lng+"&mode=driving&region=福建&output=html>去这里</a>";
    		var infoWindow = new BMap.InfoWindow("<p style='font-size:15px;'>" + text + "</p>");
    	     marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); });
    	}
    </script>
    </body>
    </html>
    

    代码没多少但是注意我经纬度都是在session中取的自己使用一定要注意数据的填入

    function lnglat(longitude,latitude){
        	//遍历obj包含经纬度坐标的函数
        	for(var i=0;i<obj.length;i++){
        	//经纬度写入
            	points[i]=new BMap.Point(obj[i].longitude,obj[i].latitude);
            	//这个if判断是根据业务需求加的用来根据不同条件来改变标点的图片
        	    if(obj[i].datastatistics!=null){
        	    	if(obj[i].datastatistics.blockagedegree>20){
        	    		//标点
        	    		 var marker = new BMap.Marker(points[i]);
        	    		 exception++;
        	    	}else{
        	    		//改变标点图片的方法
        	    	    var myIcon  = new BMap.Icon('${pageContext.request.contextPath }/img/biaodian.png', new BMap.Size(30, 34));
        			    var marker = new BMap.Marker(points[i],{icon: myIcon });
        	    	}
        	    }else{
        	    	var marker = new BMap.Marker(points[i]);
        	    	exception++;
        	    }
            	//调用函数来为每个标点添加标注
        	    createTag(marker,points[i],obj[i],longitude,latitude);
        		bm.addOverlay(marker);
            }
    

    这一段代码中的obj[i].datastatistics.blockagedegree 和obj[i].datastatistics!都是我session集合中有的数据不要纠结根据自己的实际业务需求看懂以后更改。!!!!!!!!!注意
    最终效果
    在这里插入图片描述
    在这里插入图片描述
    点击去这里后跳转百度地图规划路线
    在这里插入图片描述
    如果觉得百度地图黑色不好看改回原版可以把61行附近的
    bm.setMapStyle({style:‘midnight’}) 这句话删掉到这就ok了

    展开全文
  • 百度地图标点实现vue

    千次阅读 2019-03-17 17:21:08
    infowindow 多窗口我...--地图容器--&gt; &lt;div id="XSDFXPage" class="XSDFXPage"&gt;&lt;/div&gt; &lt;/template&gt; &lt;script&gt; export defaul

    infowindow 多窗口我不会,有大佬会的.希望可以教教我!

    vue代码如下:

    <template>
      <!--地图容器-->
      <div id="XSDFXPage" class="XSDFXPage"></div>
    
    </template>
    <script>
      export default {
        data () {
          return {
    
          }
        },
        mounted() {
    
          //创建和初始化地图函数:
          function initMap(){
            createMap();//创建地图
            setMapEvent();//设置地图事件
           // addMapControl();//向地图添加控件
            addMarker();//向地图中添加marker
          }
          //创建地图函数:
          function createMap(){
            //创建Map实例
            var map = new BMap.Map("XSDFXPage");
            // 初始化地图,设置中心点坐标
            var point = new BMap.Point(116.404, 39.915);// 创建点坐标
            map.centerAndZoom(point,12);
            //添加鼠标滚动缩放
            map.enableScrollWheelZoom();
            window.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: "我的备注1",
                point: "116.301934|39.977552",
                isOpen: 0,
                icon: {w: 21, h: 21, l: 0, t: 0, x: 6, lb: 5}
              },
              {
                title: "终点",
                content: "我的备注2",
                point: "116.508328|39.919141",
                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+5,-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://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png",
              new BMap.Size(10,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>
    <style scoped>
      /*html,body,#XSDFXPage{*/
        /*width: 50%;*/
        /*height: 50%;*/
        /*overflow: hidden;*/
        /*margin: 0px auto;*/
        /*font-family: "微软雅黑";*/
      /*}*/
      #XSDFXPage{
        width: 100%;
        height: 600px;
      }
    
    </style>
    
    

    代码dome

    github源码:

    展开全文
  • 一起来看看今天《和平精英》又给我们丢下了怎样的“物资”雪地神秘山洞开启那个传说了很久的雪地地图里的洞穴终于要开启了!这一次官方来告诉你怎么打开这个洞穴。雪地洞穴位于雪地地图上双桥镇和哈达农场之间,周围...
  • 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...百度离线版2.0DEMO</title> 6 <...
  • 重新设置标点 span > < input type = "button" value = "定位" id = "mapsearch_btn" class = "g_dw_but" /> < input id = "mapsearch" type = "text" class = "g_dw_input" /> h3 > < div...
  • 百度地图标点签到,利用百度地图api,更精确的地图签到
  • 支持多种浏览器的,百度地图浏览器标点小工具。可以自行修改图标,自由标点不受个数限制。可以保存到文件,下次实用重新选取文件并加载到地图。非常适合售前人员或者项目讲解实用。具体实用请参看说明文件夹里的note...
  • 但都是软收费的模式(要么有使用期限,要么有数量限制),后来在查找资料的过程中,发现了一个在本地可以实现地图标点的方式。其实现步骤如下。1.样例介绍本地地图批量标点是基于百度地图中的“加载海量点”样例的。...
  • 百度地图自定义标点。 多个标点方法 可以进行for循环 进行动态标点。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta ...
  • 百度地图JavaScript简单标点连线

    千次阅读 2019-02-09 12:01:20
    从一开始懵懂知道百度地图有免费的 API 可以调用,到后面知道还要上传鹰眼轨迹,最后还要从 Web 端获取上传的鹰眼轨迹,一路磕磕碰碰,快把我累惨了。 这里,只是简单地说一下 Web 端使用 JavaScript 简单描述一下...
  • 支持多种浏览器的百度地图浏览器标点小工具。可以自行修改图标,自由标点不受个数限制。可以保存到文件,下次使用重新选取文件并加载到地图。非常适合售前人员或者工程项目讲解人员使用。具体使用请参看说明文件夹里...
  • 但都是软收费的模式(要么有使用期限,要么有数量限制),后来在查找资料的过程中,发现了一个在本地可以实现地图标点的方式。其实现步骤如下。 样例介绍本地地图批量标点是基于百度地图中的“加载海量点”样例的。...
  • 里面包含百度地图最新包 自定义标点弹框 卫星 路况等,有两个项目,自己集合就可以用,加入最新包!
  • 当传入的坐标为WGS84坐标系下的坐标时,由于百度地图采用的坐标系不同,需要进行转换,才能将坐标正确地显示在百度地图上。 cpp和头文件不变,html 文件加上 convertor.translate(pointArr, 1, 5, translateCallback...
  • 百度API实现地图标点并测距

    千次阅读 2018-07-01 23:20:50
    index.html &amp;lt;!doctype html&amp;gt; &amp;lt;html&...地图标点&amp;lt;/title&amp;gt; &amp;lt;meta http-equiv=&quot;content-type&quot; content=&
  • // 删除百度地图LoGo mMapView.removeViewAt(1); // 设置marker图标 bd = BitmapDescriptorFactory.fromResource(R.drawable.maker); mBaiduMap.setOnMapClickListener(new OnMapClickListener() { @...
  • 1、先引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=百度ak"></script> ak申请地址:http://lbsyun.baidu.com/apiconsole/key?application=key 以下...
  • 百度地图,创建标点

    2018-05-30 21:48:00
    引用一个地图的网络路径 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥1g1fQ88FPyxtTBZakPQzIqPRVf1ZrSEq"></script> 页面放一个div即可 <div id=...
  • <!--客户一览--> <template> <div> ...baidu-map class="map" :zoom="map.zoom" :center="{lng: map.center.lng, lat: map.center.lat}" @ready="handler" :scroll-wheel-zoom="true">...
  • 1.产品概述产品解读高德地图与百度地图均属地图导航类APP,两家slogan如下: 高德:精准地图,旅游出行必备百度:路线规划,出行必备 地图导航类APP的核心价值即为用户提供位置及路线服务。笔者认为,位置及路线服务...
  • 在设计界面有两个按钮,点击地图显示的按钮显示百度地图,点击标点的按钮后,可以在百度地图标点 三、对widget.cpp的操作 主要是定义了一个槽函数,实现标点的按钮的作用 这里需要注意的是SPinbox是如何把数据传...
  • //创建百度地图控件 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ console.log(r) var adds =r.point; var latitude = adds.lat, longitude = adds.lng; if(this.get...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,404
精华内容 561
关键字:

百度地图标点