當前位置:編程學習大全網 - 網站源碼 - javascript怎麽實現類似百度地圖的標記效果啊?

javascript怎麽實現類似百度地圖的標記效果啊?

詳情訪問該鏈接:/map/jsdemo.htm#c1_1

js代碼如下:

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 14);

var marker1 = new BMap.Marker(new BMap.Point(116.384, 39.925)); // 創建標註

map.addOverlay(marker1); // 將標註添加到地圖中

//創建信息窗口

var infoWindow1 = new BMap.InfoWindow("普通標註");

marker1.addEventListener("click", function(){this.openInfoWindow(infoWindow1);});

//創建小狐貍

var pt = new BMap.Point(116.417, 39.909);

var myIcon = new BMap.Icon("fox.gif", new BMap.Size(300,157));

var marker2 = new BMap.Marker(pt,{icon:myIcon}); // 創建標註

map.addOverlay(marker2); // 將標註添加到地圖中

//讓小狐貍說話(創建信息窗口)

var infoWindow2 = new BMap.InfoWindow("<p style='font-size:14px;'>哈哈,妳看見我啦!我可不常出現哦!</p><p style='font-size:14px;'>趕快查看源代碼,看看我是如何添加上來的!</p>");

marker2.addEventListener("click", function(){this.openInfoWindow(infoWindow2);});

  • 上一篇:求免費網上客服系統或源代碼。
  • 下一篇:租租樂手機免押好通過嗎
  • copyright 2024編程學習大全網