html5tab页高德地图,高德地图系列web篇—

在web开发中经常会有地图模块，经常有一些公交以及POI搜索，下面是一个实际的例子

Paste_Image.png

最终导航效果图：

Paste_Image.png

所有代码,注意要换掉你的key

body,

html,

#container {

height: 500px;

margin: 0px;

width: 800px;

}

高德地图测试例子

var map = new AMap.Map('container', {

resizeEnable: true,

zoom: 15,

center: [114.065618, 22.623388]

});

AMap.service('AMap.StationSearch', function() { //回调函数

//实例化StationSearch

stationSearch = new AMap.StationSearch();

//TODO: 使用stationSearch对象调用行政区查询的功能

})

//加载公交换乘插件

AMap.service(["AMap.Transfer"], function() {

var transOptions = {

map: map,

city: '深圳市',

panel:'panel', //公交城市

policy: AMap.TransferPolicy.LEAST_TIME //乘车策略

};

//构造公交换乘类

var trans = new AMap.Transfer(transOptions);

//根据起、终点坐标查询公交换乘路线阳光第五季

trans.search([{keyword:'五和地铁站'},{keyword:'金方华电扇产业园(雅园路)'}], function(status, result){

});

//公交导航工具

html5tab页高德地图,高德地图系列web篇——目的地公交导航相关推荐

[iOS]高德地图SDK开发--准备篇
本文是对高德地图SDK使用的总结,对于高德地图不做过多介绍,可直接登录其官网开放平台进行了解; PS: 这里主要是讲解地图使用的准备工作,最后,以显示地图并定位到当前位置来验证;对于其他的使用,可参看 ...
通过高德地图API（WEB端）获取中国所有省市（可扩展）的列表
有时候做开发的需要用户输入省市信息时,不能让用户随意输入,需要通过级联下拉框或其他方式选择保证数据一致性,也方便后台进行统计操作,但中国全省市列表的话不太容易找到(也有可能我没找到),所以通过高德AP ...
【高德地图API】Web地图开发系列(二)
✍.高德地图API
高德地图（第三篇）定位
1.引入依赖 implementation 'com.amap.api:3dmap:5.6.0'implementation 'com.amap.api:location:5.6.0'implemen ...
高德地图API使用~Web开发~从创建到具体功能展示
一.呈现地图首先在拥有一个自己账号,其次高德开放平台注册一个自己的key值和密钥然后在public\index.html文件下,放上这段代码 <script type="text/ ...
html5 调用高德地图,高德地图在h5项目中的集成（点标记）
关于高德地图在项目中的集成,网上已经有很多相关的很优秀的文章了,故本篇内容仅用于参考和巩固. 1.使用高德地图之前需要在高德开放平台(https://lbs.amap.com/dev/index)创建 ...
高德地图上半年公共交通报告：公交都市排行上海、厦门双榜首
7月19日,高德地图发布了<2016上半年中国主要城市公共交通报告>.高德地图以公交大数据为基础,分析了城市公交网络的现状.公交网络的发展及城市公共出行规律,发布了中国公交都市TOP20排 ...
Android高德地图配置及实现定位,目的地路线规划的路线绘制
1.第一步进行高德地图的配置 1)高德地图控制台https://lbs.amap.com/dev/index创建应用和所需要的key(注意applicationId 和签名中的SHA1 正确,比如用 ...
高德地图（包含实时定位，线路导航，区域标记等）
转载请附带原版地址: https://blog.csdn.net/qq_39936103/article/details/107901255 谢谢! 首先引入高德地图的js,css(需连接外网) &l ...

html5tab页高德地图,高德地图系列web篇——目的地公交导航

html5tab页高德地图,高德地图系列web篇——目的地公交导航相关推荐

最新文章

热门文章