引入高德地图配置
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; }