• 在mapabc 上申请域名key MapABC 开发者api
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=ajaxmap&v=2.1.2&key=在mapabc网站申请的域名key"></script>
  • 创建MapABC地图
var mapObj=null;
mapInit();
//初始化地图function mapInit() { var mapOptions = new MMapOptions();//构建地图辅助类 mapOptions.zoom=4;//要加载的地图的缩放级别 mapOptions.center=new MLngLat("108.77048420739","36.12994906519");//要加载的地图的中心点经纬度坐标 mapOptions.toolbar = MINI;//设置地图初始化工具条 mapOptions.toolbarPos = new MPoint(15,15); //设置工具条在地图上的显示位置 mapOptions.scale = HIDE; //设置地图初始化比例尺状态,SHOW:显示(默认),HIDE:隐藏。 mapOptions.returnCoordType = COORD_TYPE_OFFSET;//返回数字坐标 mapOptions.logoUrl = '©CRIC2014'; mapOptions.zoomBox = true;//鼠标滚轮缩放和双击放大时是否有红框动画效果。 mapObj=new MMap("map",mapOptions); //地图初始化 mapObj.addEventListener(mapObj, MAP_MOVE_END, move_end);//这里设置的是缩进地图时执行,MAP_MOVE_END是属性(一般情况更改属性,比如单击MOUSE_CLICK,添加ADD_OVERLAY),clickMouse是所要执行的方法 }
  • 定义一些事件方法,比如地图缩进的时候执行的
//当缩进地图的时候调用的方法(比如鼠标滚轮缩进或者双击缩进)function move_end(param) {
<span style="white-space:pre"> </span>var bounds=mapObj.getLngLatBounds();// 地图视野范围矩形区域西南和东北角点的经纬度坐标
<span style="white-space:pre"> </span>$("#southWestX").val(bounds.southWest.lngX);
<span style="white-space:pre"> </span>$("#southWestY").val(bounds.southWest.latY);
<span style="white-space:pre"> </span>$("#northEastX").val(bounds.northEast.lngX);
<span style="white-space:pre"> </span>$("#northEastY").val(bounds.northEast.latY);
<span style="white-space:pre"> </span>boundsAddMarker();<span style="white-space:pre">  </span>
}
  • 初始化加载坐标
//初始化加载坐标
function addMarker_City(coordinate_x,coordinate_y,city,ent_amount){ var opt = new MBoxOptions();
<span style="white-space:pre"> </span>opt.content="文本内容";
<span style="white-space:pre"> </span>var box = new MBox(new MLngLat(coordinate_x,coordinate_y), opt);
<span style="white-space:pre"> </span>mapObj.addOverlay(box);
}

MapABC 地图定位相关推荐

  1. java百度地图地名定位地址_百度地图定位显示省市区街道名称,非常实用

    [实例简介] 百度地图定位显示省市区街道名称,非常实用 [实例截图] [核心代码] locSDK_3.1_Demo └── locSDK_3.1_Demo ├── AndroidManifest.xm ...

  2. iOS地图定位(Map)

    1.地图的简介 在移动互联网时代,移动app能解决用户的很多生活琐事,比如     导航:去任意陌生的地方     周边:找餐馆.找酒店.找银行.找电影院     手机软件:微信摇一摇.QQ附近的人. ...

  3. Android 之一 Android Studio 安装、配置等新手入门 + 百度地图定位 + 移动摇杆 的实现

    缘起   之前在玩一款 VR 游戏:一起来捉妖.这款游戏是使用地图进行游戏的.无奈网上找了各种工具,要么付费,要么不好使.想想自己就是个程序猿,于是乎决定自己开发一个.现在游戏基本放弃了,但是为了游戏 ...

  4. unlegal android,百度地图定位 Cordova 插件 cordova-plugin-baidumaplocation

    软件介绍 百度地图定位Cordova插件,支持Android,IOS 可以在此地址查看example 基于百度地图Android版定位SDK(v7.1)以及百度地图IOS SDK (v3.2.1) 一 ...

  5. flutter 获取定位_从头开发一个Flutter插件(二)高德地图定位插件

    在上一篇文章从头开发一个Flutter插件(一)开发流程里具体介绍了flutter插件的具体开发流程,从创建项目到发布.接下来将会为Flutter天气项目开发一个基于高德定位sdk的flutter定位 ...

  6. unlegal android,cordova-plugin-baidumaplocation百度地图定位Cordova插件

    百度地图定位Cordova插件,支持Android,IOS 可以在此地址查看example 基于百度地图Android版定位SDK(v7.1)以及百度地图IOS SDK (v3.2.1) 一,申请An ...

  7. 百度地图定位地址为空

    在使用百度地图定位的时候, BDLocation 不为空,但是,城市,地址各个字段都为空,需要设置option.setAddrType("all"); 全部代码为: mLocCli ...

  8. 高德,百度,Google地图定位偏移以及坐标系转换

    本文引用地址 一.地图坐标系解释 在进行地图开发过程中,我们一般能接触到以下三种类型的地图坐标系: WGS-84原始坐标系,一般用国际GPS纪录仪记录下来的经纬度,通过GPS定位拿到的原始经纬度,Go ...

  9. 机试题:地图定位、拍照并显示、录制视频并播放

    这两天参加面试,有个公司先出了机试题,然后才能进入下一步,机试题大意是要求实现:地图定位.拍照并显示照片.录制视频并且播放视频三个小功能. 先上我的效果图: 1.地图定位关键代码(ios8后,开启地图 ...

  10. baidumap vue 判断范围_vue百度地图 + 定位的详解

    vue 百度地图 + 定位 前提需要自己有百度的密钥,如没有可以去百度地图申请 一.在主目录下的index.html引入js,例如: 二.在webpack.base.conf.js配置文件中配置BMa ...

最新文章

  1. Java内存缓存-通过Map定制简单缓存
  2. 如何在生产环境使用Btrace进行调试
  3. LeetCode 1870. 准时到达的列车最小时速(二分查找)
  4. java jsp的指令_[javaEE] jsp的指令
  5. netty 高低位转码_Netty解决粘包和拆包问题的四种方案
  6. VC调用QT的UIDLL
  7. 视频、音频格式转换全集
  8. 网络视频服务器系统,网络视频直播系统,搭建直播服务器环境
  9. python输入一个人的名字_把一个人的名字分成名字和姓
  10. 三体计算机原理,“三体”你必须知道的4个理论
  11. 软考(14)-接入网技术-sonet/sdh
  12. element ui注册页面(form+input+steps)
  13. “StarRocks 极客营” 重磅来袭,和技术大牛一起推开数据库梦想之门!
  14. 聆思CSK6开发工具使用详解(支持Zephyr开发)
  15. WSL 解决code .报‘code‘ not fount无法打开Vscode问题
  16. 【笔记】Spring Security Oauth2-请求方式无法获取token
  17. 佰马加入智慧灯杆产业联盟
  18. 小写金额转换为人民币大写
  19. BinarySearchTree(二分查找树)
  20. 织梦SEO专题的制作与优化技巧

热门文章

  1. 2021-05-14 kk日记,TBASE数据表更换shard key
  2. node_redis 中文文档及node_redis 注释笔记(中文版)
  3. 时间管理的六项基本原则
  4. [整理]VS2010中文版配置opencv2.4.8
  5. android逆向基础教程二
  6. 【网络信息安全】电子邮件安全
  7. 改winpe注册信息及OEM信息
  8. 台式计算机m.2的参数,联想启天M系列
  9. 基于区块链技术的展望:搭建商业银行供应链管理和供应链金融服务平台
  10. 数据解析——Jsonpath