上传高德地图-express框架
1.首先要注册高德地图,完后成为开发者
2.控制台里获取自己的key值
3.在要显示地图的页面添加如下的代码
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<script src="//webapi.amap.com/ui/1.0/main.js"></script>
<div id="container" style="height: 600px"></div>
<script>
var toolBar;
var customMarker = new AMap.Marker({
offset: new AMap.Pixel(-14, -34),//相对于基点的位置
icon: new AMap.Icon({ //复杂图标
size: new AMap.Size(27, 36),//图标大小
image: "http://webapi.amap.com/images/custom_a_j.png", //大图地址
imageOffset: new AMap.Pixel(-28, 0)//相对于大图的取图位置
})
});
var map = new AMap.Map('container', {
resizeEnable: true,
zoom:11,
center: [116.397428, 39.90923]
});
AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
function(){
map.addControl(new AMap.ToolBar());
map.addControl(new AMap.Scale());
map.addControl(new AMap.OverView({isOpen:true}));
});
</script>
4.在登录后的页面头加入
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://webapi.amap.com/maps?v=1.4.2&key=您的key值"></script>
最新文章
- JS中获得当前时间的年月
- jQuery的deferred对象使用详解——实现ajax线性请求数据
- Scala 基础入门【翻译】
- Python3操作MySQL,查询数据并保存到文件中
- JavaWeb学习----JSP简介及入门(含Eclipse for Java EE及Tomcat的配置)
- 初次体验架设PHP网站
- 经验总结17--submitbutton,ajax提交
- SQL Server里的 ISNULL 与 NULLIF
- Tomjson - json 解析库
- Python学习笔记8-类的继承 、深度优先、广度优先
- nginx args
- Vim设置colorscheme小技巧
- Plugin execution not covered by lifecycle configuration的解决方案
- ArcGis地理坐标系转投影坐标系问题的思考与处理
- 学习python及Pygame的安装及运行
- docker swarm 简易版
- java学习--异常
- 2015-9-13 NOIP模拟赛 by hzwer
- 【机器学习笔记】循环神经网络RNN
- Java如何判断线程池所有任务是否执行完毕