添加標注
var marker = new qq.maps.Marker({
position: myLatlng ,
map: map
});
文本標注
var marker = new qq.maps.Label({
position: myLatlng,
map: map,
content:'文本標注'
});
效果
image.png
自定義標注圖標
var anchor = new qq.maps.Point(300, 0),
size = new qq.maps.Size(600, 680),
origin = new qq.maps.Point(-150, 0),
markerIcon = new qq.maps.MarkerImage(
"/static/images/position.png",
size,
origin,
anchor
);
marker.setIcon(markerIcon);
我的預覽
image.png
附上我的定位logo
position.png
官網預覽https://lbs.qq.com/javascript_v2/case-run.html#sample-overlay-addmarkerimage
image.png
為什么會有這么大區(qū)別呢赃承，因為這是圖片的問題一個大一個小巩那，還需要稍加調整柿估，展示官網定位圖片
marker.png
vue使用騰訊地圖（一）http://www.reibang.com/p/130cdbd07394
vue使用騰訊地圖（二）事件http://www.reibang.com/p/0ce29aec5f47
vue使用騰訊地圖（三）標注http://www.reibang.com/p/eca4f20ee1cb
vue使用騰訊地圖（四）定位實戰(zhàn)qq.maps.Geolocation
