首页 > 其他 > 详细

引入高德地图配置

时间:2016-09-10 11:35:08      阅读:140      评论:0      收藏:0      [点我收藏+]
var map = new AMap.Map(‘container‘, {
        resizeEnable: true,
        zoom:14,
        center: [120.73915601,30.2306131]
    });
    map.plugin(["AMap.ToolBar"], function() {
        map.addControl(new AMap.ToolBar());
    });

    var marker = new AMap.Marker({
        position: map.getCenter()
    });

    marker.setMap(map);
    // 设置鼠标划过点标记显示的文字提示
    marker.setTitle(‘我是marker的title‘);

    // 设置label标签
    marker.setLabel({//label默认蓝框白底左上角显示,样式className为:amap-marker-label
        offset: new AMap.Pixel(-40, -40),//修改label相对于maker的位置
        content: "鱼跃港"
    });

CSS部分

.amap-marker-label{
  color: #000;
  border: 0;
  padding:10px 30px;
  box-shadow: 2px 2px 5px #000;
  font-size: 14px;
  font-weight: bold;
}

 

引入高德地图配置

原文:http://www.cnblogs.com/chenzeyongjsj/p/5858844.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!