让人人享有高品质教育
- 章节
- 问答
切图仔
1楼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=FbonyatSbRvrD6W2ApVIpz5BGT9wE18a"></script>
<title>Document</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:500px;width: 700px; border: 1px solid black;}
</style>
</head>
<body>
<div id="container"></div>
<button>加载</button>
<script>
var btn=document.querySelector('button');
btn.onclick=function(){
var map = new BMap.Map("container");
var point = new BMap.Point(113.26512290418745, 23.154485582798717);
map.centerAndZoom(point, 15);
map.addControl(new BMap.NavigationControl());//平移缩放
//默认标注
// map.addEventListener('click',function(eve){
// var tempMarker = new BMap.Marker(eve.point); // 创建标注
// map.addOverlay(tempMarker);
// }
//------------------------自定义图标-------------------
var temPoint = new BMap.Point(113.26552290418745, 23.154485582798717);
var myIcon = new BMap.Icon("imgs/标注.gif", new BMap.Size(50, 50), {
// 指定定位位置。
// 当标注显示在地图上时，其所指向的地理位置距离图标左上
// 角各偏移10像素和25像素。您可以看到在本例中该位置即是
// 图标中央下端的尖角位置。
anchor: new BMap.Size(10, 25),
// 设置图片偏移。
// 当您需要从一幅较大的图片中截取某部分作为标注图标时，您
// 需要指定大图的偏移位置，此做法与css sprites技术类似。
imageOffset: new BMap.Size(-30, 10) // 设置图片偏移
});
// 创建标注对象并添加到地图
var Mymarker = new BMap.Marker(temPoint, {icon: myIcon});
map.addOverlay(Mymarker);
}
</script>
</body>
</html>我的自定义图片怎么加载不了出来
百战程序员
代码没有问题的，你可以调整一下图片的偏移和位置，换成别的图片测试一下
未知
2楼
src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=
现在的百度地图的版本都不一样的,之前的是3.0 现在加了一个GL1.0版本的,但是这版本没有看见有3.0的小手可以点地址搜索的