腾讯地图API如何实现地图上自定义描点？

 

下面的代码时使用默认的标注点：

<script>
var map;//画布
var infoWin;//弹框
window.onload = function () {
var center = new qq.maps.LatLng(22.5033792300, 114.0596994400);//初始化焦点
map = new qq.maps.Map(
document.getElementById("container"),
{
center: center,
zoom: 16
}
);//地图画布
infoWin = new qq.maps.InfoWindow({
map: map
});//地图内部弹框
//CreatePoint("22.5233792300", "114.0596994400", "嘿嘿嘿");
//CreatePoint("22.5033792300", "114.0596994400","hahha");
}

function Point(mlat, mlng, pmsg) {
this.lat = mlat;
this.lng = mlng;
this.msg = pmsg;
}

function CreatePoint(param) {
var jdata = JSON.parse(param);
var obj = new Point(jdata.lat, jdata.lng, jdata.msg);
PointPrint(obj);
}

function PointPrint(mPoint) {
var marker = new qq.maps.Marker({
position: new qq.maps.LatLng(mPoint.lat, mPoint.lng),
clickable: true,
map: map
});
//alert(mPoint.lat + ":::::" + mPoint.lng);
AddLocationListen(marker, mPoint.msg);

function AddLocationListen(marketItem, pmsg) {
qq.maps.event.addListener(
marketItem,
'click',
function (evt) {
infoWin.open();
infoWin.setContent('<div style="text-align:center;white-space:nowrap;margin:10px;">' + pmsg + '</div>');
infoWin.setPosition(evt.latLng);
});
}
}
</script>