示例中心
功能在线体验
控制台
您现在的位置:

高德

更新时间:2017年06月07日

结果样式修改

服务结果样式修改

在使用AMap.Transfer、AMap.Driving、AMap.Walking、AMap.PlaceSearch、AMap.CloudDataSearch 这五个插件的时候,可以通过map,panel属性来指定默认界面容器。

如果你不想使用默认的结果样式,需要你自己去做调整。具体方法如下:

1)界面样式的修改:默认界面的样式有一定的命名规则,如本例中的起始点样式为amap-lib-marker-from,可通过修改此样式来替换起始点图标。

2)界面结构的修改:参考各插件demo中的“自我展示”,“自我展示”中引用的"AMap.Render.css"和"AMap.Render.js"是独立于高德javascript API的默认皮肤插件;用户可以重写或修改"AMap.***Render.js"中的某个方法,以便修改默认皮肤中的dom结构及行为。

文件说明:

服务插件

文件名称

文件说明

AMap.PlaceSearch

AMap.PlaceSearchRender1120.css

AMap.PlaceSearchRender.js

修改关键字检索结果对应的js文件和css样式文件

AMap.Driving

AMap.DrivingRender1120.css

AMap.DrivingRender.js

修改驾车路径规划结果对应的js文件和css样式文件

AMap.Walking

AMap.WalkingRender1120.css

AMap.WalkingRender.js

修改步行路径规划结果对应的js文件和css样式文件

AMap.Transfer

AMap.TransferRender1120.css

AMap.TransferRender.js

修改公交路径规划结果对应的js文件和css样式文件

AMap.CloudDataSearch

AMap.CloudDataSearchRender1120.css

AMap.CloudDataSearchRender.js

修改云图检索结果样式对应的js文件和css样式文件

热力图样式

详细的参数,可以查看heatmap.js的文档 http://www.patrick-wied.at/static/heatmapjs/docs.html

参数说明如下:

 visible 热力图是否显示,默认为true

 opacity 热力图的透明度,分别对应heatmap.js的minOpacity和maxOpacity

 radius 势力图的每个点的半径大小   

 gradient  {JSON} 热力图的渐变区间 . gradient如下所示

 {
 .2:'rgb(0, 255, 255)',

 .5:'rgb(0, 110, 255)',

 .8:'rgb(100, 0, 255)'
 }
 其中 key 表示插值的位置, 0-1 

 value 为颜色值 
示例中心 功能
在线体验
常见问题