kolyunya / yii2-map-input-widget Goto Github PK

Hi Kolyunya

Thanks for the widget.

Can we extend to have a provision to embed "search" within map.
Usecase:
#1 User first search a place (or close by place)
#2 Map then moves to this new coordinates
#3 User Drags the marker for fine tuning location.

Warm Regards
Abraham

Hallo,

how to make marker is shown when map is opened. what I got, marker is not shown, until a click on map.
Do I miss something?

How can I change the google api key of this widget?

    <?php echo $form->field($company,'dot_com_coordinates')->widget(
'kolyunya\yii2\widgets\MapInputWidget',
[

    // Google maps browser key.
    'key' => $key,

    // Initial map center latitude. Used only when the input has no value.
    // Otherwise the input value latitude will be used as map center.
    // Defaults to 0.
    'latitude' => $company->dot_com_latitude,

    // Initial map center longitude. Used only when the input has no value.
    // Otherwise the input value longitude will be used as map center.
    // Defaults to 0.
    'longitude' => $company->dot_com_longitude,

    // Initial map zoom.
    // Defaults to 0.
    'zoom' => 12,

    // Map container width.
    // Defaults to '100%'.
    //'width' => '420px',

    // Map container height.
    // Defaults to '300px'.
    'height' => '420px',

    // Coordinates representation pattern. Will be use to construct a value of an actual input.
    // Will also be used to parse an input value to show the initial input value on the map.
    // You can use two macro-variables: '%latitude%' and '%longitude%'.
    // Defaults to '(%latitude%,%longitude%)'.
    //'pattern' => '[%longitude%-%latitude%]',

    // Google map type. See official Google maps reference for details.
    // Defaults to 'roadmap'
    //'mapType' => 'satellite',

]

);?>

This is my widget, took it straight from your example, I set up the api key (removed it for privacy) and set it up like this. But no matter what I do, it will always start at the 0,0 positions and not the one I defined.

How can I render within an inactive tab?

You have to check if the actual connection is secure or not.

Like this:

$scriptUrl = "http".(Yii::$app->request->isSecureConnection ? 's': '')."://maps.googleapis.com/maps/api/js?";

Hello how can I searching not for place but for latitude and longitude?

thanks

It's should be this.

var latitude = pointString.match(/[\d.]+/g)[0];
var longitude = pointString.match(/[\d.]+/g)[1];

nice widget, but how to install it through composer. ?

When an existing marker is being dragged the input value is not being updated.

subj

Подскажите, как показать кнопку, разворачивающую карту на весь экран?

Hey, i using your widget, and after some time, it didn't work. I have this error below:
Invalid Parameter – yii\base\InvalidParamException

Invalid path alias: @kolyunya/yii2-map-input-widget/sources/web

I am using your widget like that:
$form->field($model, 'coordinates')->widget
(
'kolyunya\yii2\widgets\MapInputWidget',
[
'key' => $key,
'latitude' => $model->latitude ? $model->latitude : $coordinates['lat'],
'longitude' => $model->longtitude ? $model->longtitude : $coordinates['lon'],
'zoom' => 12,
'width' => '420px',
'height' => '420px',
'pattern' => '%longitude%|%latitude%',
'mapType' => 'roadmap',
'animateMarker' => true,
'alignMapCenter' => true,

    ]
);

Any solutions of this problem?

Is there any simple possibility to add a searchbar to the map?

Like in this example: https://developers.google.com/maps/documentation/javascript/examples/places-searchbox

Searching only with the cursor is horrible and i've no idea how to implement that example into your widget.

Thanks :)