1. 首页
  2. 问答百科
  3. 正文

百度坐标点移动方法

  最近给一个用户做了一个实时汽车定位监控平台,其中百度地图这块浪费了不少时间,主要是对百度地图api不熟悉,做一个日期,方便以后查找。

  做出来的效果:


  主要用于百度图表和百度地图,下面记录一下百度地图坐标点移动的使用方法。

  html部分

<div id="mymap"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=百度申请的ak"></script>

Js部分

var map = new BMap.Map('mymap');
        map.centerAndZoom(new BMap.Point(117.207137, 39.089478),19); //设置中心点以及缩放级别
        map.enableScrollWheelZoom(true); //添加滚轮
        map.addControl(new BMap.NavigationControl()); //添加左上角缩放控制
        map.addControl(new BMap.ScaleControl()); //左下角创建一个比例尺控件
        //map.addControl(new BMap.OverviewMapControl());
        map.setMapStyleV2({ styleJson: custom_map_config });

      var carIcon = new BMap.Icon("images/car.png", new BMap.Size(53,37)); //车图标对象
      var carPoint = new BMap.Point(carStateData.longitude, carStateData.latitude); //车辆坐标
      if (window.carMarker == undefined){
        var carMarker = new BMap.Marker(carPoint, { icon: carIcon });
        map.centerAndZoom(carPoint,19); //设置中心点
        map.addOverlay(carMarker); //添加车图标
        window.carMarker = carMarker;
    }
    else{
        window.carMarker.setPosition(carPoint); //这里坐标改动后,地图会自动模拟规矩移动。
        map.centerAndZoom(carPoint,19); //设置中心点
        window.carMarker.setRotation(-1*yaw); //设置图片方向
    }

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/8297.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();