7.具体代码如下
首頁 > web前端 > js教程 > SOSO地圖API使用(一)在地圖上畫圓實現思路與程式碼_javascript技巧

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

WBOY
發布: 2016-05-16 17:43:33
原創
1509 人瀏覽過

前言:最近在做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//用來指定圖示的錨點,並預設為圖示中心的位置,可以指定圖示的位置,預設是和圖片的左上角對齊的。 SOSO地圖API使用(一)在地圖上畫圓實現思路與程式碼_javascript技巧         , 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.具體程式碼如下:複製程式碼 程式碼如下:

 
 
 
 
 SOSOMap
 
 
 
 
 
 

 
 


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板