Можно ли нарисовать круг на статической карте Google? - PullRequest
Новая
       68

Можно ли нарисовать круг на статической карте Google?

9 голосов
/ 22 сентября 2010

API статической карты обсуждает пути, но не упоминает круги. Это возможно? Спасибо

Ответы [ 4 ]

5 голосов
/ 09 октября 2015

Вы можете изобразить окружность, нарисовав подробную PolyLine, поскольку Google Static Maps не поддерживает рисование самой окружности.

Вот пример запроса , который содержит 2 круга с радиусом 0,5 и 5 километров. Имейте в виду, что вам нужен алгоритм для генерации правильных полилиний кодирования. Я использовал эту реализацию , так как я программировал на PHP, но вы можете найти или разработать нечто подобное самостоятельно в зависимости от языка, который вы хотите.

Вот код PHP, который я использовал для генерации запроса: 

<?php
/* set some options */
$mapLat = filter_input(INPUT_POST, 'lat1'); // latitude for map's and circle's center
$mapLng = filter_input(INPUT_POST, 'lon1'); // longitude for map's and circle's center
$mapRadius1 = 0.5; // the radius of the first circle (in Kilometres)
$mapRadius2 = 5; // the radius of the second circle (in Kilometres)
$mapFill_first = '330000'; // fill colour of the first circle
$mapFill_second = 'FF99FF'; // fill colour of the second circle
$map1Border1 = '91A93A'; // border colour of the first circle
$map1Border2 = '0000CC'; // border colour of the second circle
$mapWidth = 450; // map image width (max 640px)
$mapHeight = 450; // map image height (max 640px)
$zoom = 11;
$scale = 2;
/** create our encoded polyline string for the first circle*/
$EncString1 = GMapCircle($mapLat, $mapLng, $mapRadius1);
/** create our encoded polyline string for the second circle*/
$EncString2 = GMapCircle($mapLat, $mapLng, $mapRadius2);
/** put together the static map URL */
$MapAPI = 'http://maps.google.com.au/maps/api/staticmap?';
$MapURL = $MapAPI . 'center=' . $mapLat . ',' . $mapLng . '&zoom=' . $zoom . '&size=' .
    $mapWidth . 'x' . $mapHeight . '&scale=' . $scale . '&markers=color:red%7Clabel:S%7C'.$mapLat.','.$mapLng .
    '&maptype=roadmap&path=fillcolor:0x' . $mapFill_first .
    '33%7Ccolor:0x' . $map1Border1 . '00%7Cenc:' . $EncString1 . '&path=fillcolor:0x' .
    $mapFill_second . '33%7Ccolor:0x' . $map1Border2 . '00%7Cenc:' . $EncString2;

/* output an image tag with our map as the source */
//echo '<img src="' . $MapURL . '" />';
echo json_encode($MapURL);

function GMapCircle($Lat, $Lng, $Rad, $Detail = 8)
{
    $R = 6371;
    $pi = pi();
    $Lat = ($Lat * $pi) / 180;
    $Lng = ($Lng * $pi) / 180;
    $d = $Rad / $R;
    $points = array();
    for ($i = 0; $i <= 360; $i += $Detail)
    {
        $brng = $i * $pi / 180;
        $pLat = asin(sin($Lat) * cos($d) + cos($Lat) * sin($d) * cos($brng));
        $pLng = (($Lng + atan2(sin($brng) * sin($d) * cos($Lat), cos($d) - sin($Lat) * sin($pLat))) * 180) / $pi;
        $pLat = ($pLat * 180) / $pi;
        $points[] = array($pLat, $pLng);
    }

    require_once('PolylineEncoder.php');
    $PolyEnc = new PolylineEncoder($points);
    $EncString = $PolyEnc->dpEncode();

    return $EncString['Points'];
}

Благодаря учебнику jomacinc , наслаждайтесь:)

5 голосов
/ 24 сентября 2010

То, что вы можете сделать, это использовать закодированный алгоритм полилинии , чтобы получить достаточно точек, чтобы получить примерно круговой путь. Здесь определенно используется кодирование: вам нужно получить центр и радиус вашего круга, превратить его в серию широт / длин, а затем кодировать с помощью алгоритма.

В качестве альтернативы вы можете использовать прозрачное GIF-изображение в качестве маркера и поместить его на карту.

4 голосов
/ 27 февраля 2016

Вы можете довольно легко аппроксимировать окружность, используя метод computeOffset, который позволяет вам получить координаты по окружности.

В этом примере я использовал приращение 8 градусов, поэтому получим 45 пар координат,Для размеров кругов, которые я использовал, круги выглядели красиво на статической карте.Если вы используете большие круги, то просто измените приращение на что-то меньшее, например, j = j + 6.

Переменная pathText добавляется к остальному веб-адресу, необходимому для статической карты. 

var pathText = '&path=';
var circumLatLng;

for (var j = 0; j < 361; j = j + 8) {

circumLatLng = google.maps.geometry.spherical.computeOffset(circle.getCenter(), circle.getRadius(), j);

pathText += circumLatLng.lat().toFixed(6) + ',' + circumLatLng.lng().toFixed(6) + '|';
}
2 голосов
/ 12 марта 2015

Возможно, но вы должны нарисовать фигуру с множеством сторон, чтобы она выглядела как круг.

Вот мой пример: 

<img src="http://maps.google.com/maps/api/staticmap?size=600x500&path=fillcolor:0x0000FF|weight:3|color:0xFF0000|enc:ue{cI|rrH`@qs@hBis@nDyr@rF_r@tH_q@xJyo@zLgn@vNol@rPsj@lRmh@`Taf@tUqc@dWy`@nX{]vY{ZxZuWx[kTr\_Qh]oMz]}If^iFl^uBn^?n^tBd^hFz]|Ih]nMr\~Px[jTxZtWvYzZnXz]dWx`@tUpc@`T`f@lRlh@rPrj@xNnl@xLfn@xJxo@vH~p@rF~q@lDxr@hBhs@b@ps@c@ps@iBfs@mDxr@sF~q@wH`q@yJvo@yLfn@yNpl@sPpj@mRlh@aTbf@uUnc@eWx`@oX|]wYzZyZtWy[jTs\~Pi]lM{]|Ie^jFo^rBo^?m^sBg^kF{]}Ii]mMs\_Qy[kTyZuWwY{ZoX}]eWy`@uUoc@aTcf@mRmh@sPqj@wNql@{Lgn@yJwo@uHaq@sF_r@oDyr@iBgs@a@qs@&sensor=true" border="0"/>

Или попробуйте эту ссылкудля просмотра

Для генерации я использовал freemaptools.com

...