SOSO地圖API使用(一)在地圖上畫圓實現思路與程式碼_javascript技巧

前言：最近在做SOSO地圖相關開發，遇到相關畫圓知識，特此簡單記錄下來。
1.在頁面中加入SOSO地圖API引用，引用腳本：

複製程式碼

複製程式碼

複製程式碼

複製程式碼

複製程式碼

複製程式碼

複製程式碼
程式碼如下:

; 2.新建一個地圖DIV容器，如下：

複製代碼


程式碼如下:

3.初始化地圖：

複製程式碼

程式碼如下:


 var center .LatLng(22.540551,113.934593);
 var map=new soso.maps.Map(document.getElementById("container"),{ 

4.創建一個圓形對象
：

複製代碼 代碼如下:

 var circle=new soso.maps.Circle({

        map:map,
   🎜>        fillColor:"# 00f",
        fillOpacity:0.3,
        strokeWeight:2
   
：




複製程式碼


程式碼如下:


 var marker = new s>

 var marker = new s. Marker({
     position: center,
     map: map

 });
 var anchor = new soso.maps.Point(0, 🎜> var. Size(27, 35),     icon = new soso.maps.MarkerImage('http://s.map.s.com/themes/default/img/centermarker.png'
oso    使用圖片部分的大小         , anchor//用來指定圖示的錨點，並預設為圖示中心的位置，可以指定圖示的位置，預設是和圖片的左上角對齊的。          , new soso.maps.Point(0, 0)//指定使用圖片的哪一部分，相對圖片左上角的像素座標        , new s🎜>         , new s🎜>        的原始大小         , new soso.maps.Size(-12, -30));//向左偏12px,向上偏30px
 marker.setIcon(icon);     content: '',     margin: new soso.maps.Size(0, -4), : marker });6.完成上面的編碼後，得到一個如下圖樣子的圓形7.具體程式碼如下：複製程式碼 程式碼如下: