在Google地圖中繪制匿名圈子

Question

我正在嘗試繪制具有多個Circle疊加層的google地圖，但是我不想顯示正確的半徑中心。

例如， myLatlng是我的半徑的經度/緯度中心，我想繪制一個不在其周圍的圓，而是一個包含該點的圓。

這是我目前繪制圈子的方式：

        var myLatlng = new google.maps.LatLng(33.33333,22.22222);
        var circle = new google.maps.Circle({
              map: map,
              radius: 3218,
              strokeColor: "#FFAA00",
              fillColor: "#00AAFF",
              fillOpacity: 0.3,
              center: myLatlng,
              zIndex: 99999,

        });

33.33333,22.22222是一個我不想透露的“秘密”位置，但是我希望將此點放在圓圈內。

那可能嗎？

謝謝！

Answer 1

在您的示例代碼中。 圓可以移動到任何地方，從而仍可以包括33.3和22.2。

一種方法是簡單地添加一個隨機偏移量。

    // Generate random between -5 and 5 (just an example)
    var latOffset = Math.floor(Math.random()*11) - 5;
    var longOffset = Math.floor(Math.random()*11) - 5;
    var myLatlng = new google.maps.LatLng(33.33333 + latOffset,22.22222 + longOffset);

您需要注意的一點是，要確保隨機偏移不會使圓超出范圍。 在Wikipedia上將緯度和經度表示為線性單位的部分應該會有所幫助。