GoogleMap添加一个Marker
给我们的地图添加一个标记。
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId:google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId:google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"
});
只需要生成一个marker对象,position需要一个LatLng对象,map属性的值就是你创建的map对象值,title就是显示的文本。
现在显示的只是系统标准的样式,如果要自定义一个图标,也很容易。
var image = 'beachflag.png';
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
}
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
}
只需要添加一个icon属性,值就是你想用图标的路径。