rdafisher
commented
6 years ago It appears that just after loading the widget the field containing the coordinates are changed from the models current value back to the default JQuery Location Picker coordinates (Which you can see here: http://logicify.github.io/jquery-locationpicker-plugin/#examples)
If you use dev tools to watch the elements you can see the field loads with the correct values, and is then quickly changed. The map remains in position with the pointer on the stored location - however unless you manually drag the pin, if you update the model it will override the coordinates with the defaults!
I think this issue may be originating somewhere in the JS, as the CoordinatesPicker.php sets the client location correctly.
@pigochu do you have any idea why this might be happening? Can I provide anything that might shed light on this? or are we just being silly and missing something obvious.
This is how I am calling the widget on my update form:
I am using version 0.2.2 of the code.
echo $form->field($model, 'map_coords')->widget('\pigolab\locationpicker\CoordinatesPicker' , [
'key' => 'AIzaSyABf6lUkWRDoWHQ7DvytGHa1I-v6KV3yes' , // require , Put your google map api key
'valueTemplate' => '{latitude},{longitude}' , // Optional , this is default result format
'options' => [
'style' => 'width: 100%; height: 600px', // map canvas width and height
] ,
'enableSearchBox' => true , // Optional , default is true
'searchBoxOptions' => [ // searchBox html attributes
'style' => 'width: 300px;', // Optional , default width and height defined in css coordinates-picker.css
],
'searchBoxPosition' => new JsExpression('google.maps.ControlPosition.TOP_LEFT'), // optional , default is TOP_LEFT
'mapOptions' => [
// google map options
// visit https://developers.google.com/maps/documentation/javascript/controls for other options
//'mapTypeControl' => true, // Enable Map Type Control
'mapTypeControlOptions' => [
'style' => new JsExpression('google.maps.MapTypeControlStyle.HORIZONTAL_BAR'),
'position' => new JsExpression('google.maps.ControlPosition.TOP_LEFT'),
],
'streetViewControl' => true, // Enable Street View Control
],
'clientOptions' => [
// jquery-location-picker options
'radius' => 30,
'addressFormat' => 'street_number',
'zoom' => 16,
'onchanged' => new JsExpression('function(currentLocation, radius, isMarkerDropped) {console.log("New Location",$("#places-location").val());}'),
//'onlocationnotfound' => new JsExpression('function(locationName) {console.log("ONLOCATIONNOTFOUND");}'),
//'oninitialized' => new JsExpression('function (component) {console.log("ONINITIALIZED", {component:component});}'),
],
])->label('Location: Drag the pin to the desired location.');```
pigochu
bvanleeuwen1995
I've stored coordinates as string. It is showing correctly on map when updating. But after clicking update the coordinates changed to (40.7324319,-73.82480777777776).