Working with bootstrap modal

[vaibhav3011]

Hi,
I want to show locationpicker in bootstrap modal. But I am unable to show map in modal.
Can you guide me how I can do that.

Thanks

[corvis]

Hi,
Checkout this ticket: #7

[hydropik]

Hi,

for me it's the same in Bootstrap Modal the map is small at top left corner and autocomplete doesn't work even with: "enableAutocomplete: true"
After multiple try I don't have a solution

Thanks

[hydropik]

I have found a solution for the map issue but the autocomplete still doesn't work
Solution:

$('#modal').on('shown.bs.modal', function (e) {
    $('#maps').locationpicker({
        location: {latitude: 46.0, longitude: 6.50},   
        radius: 150,
        enableAutocomplete: true,
        inputBinding: {
            latitudeInput: $('#id'),
            longitudeInput: $('#id'),
            radiusInput: $('#id'),
            locationNameInput: $('#id')
        }
    });
}

[hydropik]

Solution for autocomplete:

.pac-container {
    background-color: #FFF;
    z-index: 20;
    position: fixed;
    display: inline-block;
    float: left;
}
.modal{
    z-index: 20;   
}
.modal-backdrop{
    z-index: 10;        
}​

[corvis]

Also since version 0.1.12 it is possible to use "autosize" method to fix map widget:

$('#us6-dialog').on('shown.bs.modal', function() {
    $('#us3').locationpicker('autosize');
});

[adgfx]

Hi Corvis,
I am displaying my company location by default. Need a 'reset' button to fly back to the initial position at anytime. Is there an option? maybe $(#id).locationpicker('reset'); !!!
Thanks,
AJ

[hydropik]

Hi all,
I need a reset button too, like you adgfx.
Does it possible to add this function to the next release?
Thanks,
LR

[9px]

for solving the problem of autocomplete (auto-suggest) in bootstrap modal, only add this code to the last line of style:

.pac-container{z-index:2000 !important;}

[subhanahmed047]

hey, i'm stuck at this http://stackoverflow.com/questions/31631777/logicify-location-picker-using-dynamic-change-for-input Please help

[Sumragen]

@IncredibleX hi! Answer at your question is here.