地图api | 易学教程

页面中加入地图map

阅读更多关于页面中加入地图map

1、首先要有密钥AK ，可以自己注册获取或复制别人的。搜索百度地图API （http://lbsyun.baidu.com/apiconsole/key） 2、地图示例 <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=weuMwIVhzBCjZgGaPA5SVOQV"></script> //这里是引入，ak=您的密钥　　　　<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的密钥&s=1"></script> //如果是https的网站，后面要加&s=1 </head> <style> *{margin:0;padding:0;} #container{ margin:50px auto; width:800px;height:600px; border:2px solid #F65F57; } </style> <body> <div id="container"></div> //显示地图的div <script type="text/javascript"> var map=

vue引用高德地图api（输入提示插件）无法获取数据问题

阅读更多关于 vue引用高德地图api（输入提示插件）无法获取数据问题

在用vue做调度系统项目的时候引用高德地图api进行地点输入时需要提示可能的地点。就是高德地图api的输入提示插件，这有一个好处，高德地图api传过来的json中含有坐标，方便在地图上打点以及地图相关操作。看实例我需要在输入地址的时候可以显示可能的地址列表，如下图。官方实例：https://lbs.amap.com/api/javascript-api/example/input/input-prompt 这个只能一个输入框用，我需要2个以上，所以将实例代码封到一个函数中，在input框获取焦点的时候执行函数，这样不管有多少个都可以。 < input class = " form-control m-input tipinput " placeholder = " " v-model = " mainData.yongchedidian " id = " yongchedidian " type = " text " onfocus = " map(this.id) " > 但是还存在一个问题，vue获取不到第三方插件引起的数据改变。所以给插件添加了一个监听事件，当选中某个值得时候利用Vue.set改变数据。如下 function map ( id ) { var auto = new AMap . Autocomplete ( { input : id } ) ; AMap

高德地图api使用过程出现崩溃

阅读更多关于高德地图api使用过程出现崩溃

java.lang.UnsatisfiedLinkError: Native method not found: com.autonavi.amap.mapcore.MapCore.nativeNewInstance:(Ljava/lang/String;)J at com.autonavi.amap.mapcore.MapCore.nativeNewInstance(Native Method) at com.autonavi.amap.mapcore.MapCore.(MapCore.java:62) at com.amap.api.mapcore.AMapDelegateImpGLSurfaceView.(AMapDelegateImpGLSurfaceView.java:345) at com.amap.api.mapcore.AMapDelegateImpGLSurfaceView.(AMapDelegateImpGLSurfaceView.java:307) at com.amap.api.mapcore.ai.a(MapFragmentDelegateImp.java:122) at com.amap.api.maps.MapView.onCreate(MapView.java:131) === 跟大家分享一个东西一下：我采用amap api进行开发的时候

Android探索之百度地图开发

阅读更多关于 Android探索之百度地图开发

目录前言地图图层介绍地图覆盖物介绍地图事件 POI检索公交线路查询线路规划地理编码 @ 前言之前自己在做一个小项目时涉及到了百度地图的一些内容，当时因为对百度地图的开发流程不是很了解，于是就查阅了一下官方文档，然后阅读别人的博客来学习，但是发现这里面并没有我想要的东西，官方文档也说得不太详细，模棱两可。所以后面自己摸索了一下，也将自己的学习所得分享出来。地图图层介绍那么直接进入正题吧，关于百度地图SDK的集成这里不做讲解，我们首先介绍一下关于地图的图层。首先，我们要明白，地图是由若干个图层组成的，地图可以包含一个或多个图层。每个图层在每个级别都是由若干张图块组成的，它们覆盖了地球的整个表面。例如您所看到包括街道、兴趣点、学校、公园等内容的地图展现就是一个图层，另外交通流量的展现也是通过图层来实现的。那么百度地图就为我们提供了一系列的图层：首先你得在布局中添加MapView控件，后面的所有操作都基于该控件。 <com.baidu.mapapi.map.MapView android:id="@+id/mapView" android:layout_width="match_parent" android:layout_height="match_parent" /> //获得地图控制器 baiduMap = mapView.getMap();

【百度地图API】如何制作“从这里出发”“到这里去”——公交篇

阅读更多关于【百度地图API】如何制作“从这里出发”“到这里去”——公交篇

摘要：百度地图首页上的“从这里出发”“到这里去”，一直是开发者们很热衷的一个功能。那么，怎样结合百度的数据库，来制作这个功能呢？让我们一起来学习一下。 ------------------------------------------------------------------------------------------------------------------------------------------- 成品图如下： --------------------------------------------------------------------------------------------------------------------------------------------- 零、基础知识准备首先，我们来看看公交方案的“从这里去”“到这里来”是怎么制作的。需要创建一个公交方案，然后使用search功能。细心的朋友们已经看到了，search接口的start和end参数，其实是可以输入point的。那么，“从这里出发”到天安门，就应该是search（point，“天安门”）。从天安门出发“到这里来”，就是search（“天安门”，point）了。专业地说，这叫做“ 单边检索 ”。就是一个参数是string字符串类型

百度地图生产工具

阅读更多关于百度地图生产工具

http://api.map.baidu.com/lbsapi/creatmap/index.html 1 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 2 < html xmlns ="http://www.w3.org/1999/xhtml" > 3 < head > 4 < meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" /> 5 < meta name ="keywords" content ="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具" /> 6 < meta name ="description" content ="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图" /> 7 < title > 百度地图API自定义地图 </ title > 8  9 < style type ="text/css" > 10 html,body { margin : 0 ; padding : 0 ; } 11 .iw

h5调用百度地图api实现定位

阅读更多关于 h5调用百度地图api实现定位

首先去百度地图开发官网,申请开发者账号,然后在控制台创建应用,类型选择浏览器端, 申请成功后查看应用,会看到申请到的访问应用(ak),如下图: 以上前置工作做好后,着手实现h5的功能实现: 1.先在jsp头部引用刚才申请到的api: <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=自己申请到的ak"></script> 2.创建一个div来展示地图: <div id="mapDiv" style="width: 100%;height: 100%;background-color: #000000;position: absolute;"> 　　<p id="allmap" style="width: 80%;height: 80%;position: absolute;margin: 10%;"></p> 　　<button type="button" class="btnBg" id="btnMapSet" style="margin-left: 10%;bottom: 5%;position: absolute;display: block;">定位确认</button> </div><button type="button" class="btnBg" id=

关于H5项目简单调用手机地图

阅读更多关于关于H5项目简单调用手机地图

h5项目开发中遇到如下需求点击导航去这里,打开浏览器地图导航.如图实现方式: 都是直接使用a标签 1. 使用百度地图((可以传经纬度,也可以传中文地址) 遇到的问题:zoom参数配置不起作用参考: https://lbsyun.baidu.com/index.php?title=uri/api/web 2. 使用高德地图(不能只传中文地址) 参考: https://lbs.amap.com/api/uri-api/summary 来源： CSDN 作者：韩韩han 链接： https://blog.csdn.net/Hanhanyoona/article/details/103235529