A jQuery plugin that creates a Latitude and Longitude picker using Google Maps.

Home Page: http://www.wimagguc.com/

License: Other

CSS 21.62% HTML 78.38%

jquery-latitude-longitude-picker-gmaps's People

Stargazers

Watchers

Forkers

indiejoseph larsschenk jplacsinto xphuket odyno muzammilkm denisamotoc eiriklv marx8926 pezholio e70838 tuxion micheldosprazeres angelmartz williamli alarner alexrighetto daanapp gehrnschwender reillybeacom arpita-jain georgevashakidze andytnumikon saptakchatterjee heena123 yashilanka davgit chhumsina yookoala rakshithshivashankar gutomartinsnet sourcecode ognjenm sakilu kvenable14 minh93 djay1988 fabianscherrer ahmadw twobob kantanand delgiudices sgassler alberthoven nguyenthanhtung88 garenk02 dshope fadizahhar zendzo indrah13 vrwebtek terakyan jdanthinne rahulyhg piees iamsatrio ice-p aadilsarfani arvidpoon-javascript maximuskaif sky93 mahtabfarsaei josenicomaia basanninga tilekus mdsuzonmia farindra edward01 abahruddin power2ec jz1030 pwdme9000 fmcyamwe manidip oumayachaabani skdevelopers vrindarak anbang dhtml kevinmel2000 patelarnav

jquery-latitude-longitude-picker-gmaps's Issues

Map did not load in Jquery tabs

I am using tabs based html structure.I am using this plugin in second tab.Map didn't load completely.I call the map init function on tab click event and it load map completely on first click.When i re-switch tabs it again loaded partially.

I tried many solution and also resize map
google.maps.event.trigger(map_object, "resize");

but no success.Please help me how to properly insert map resize or any other solution.

Thanks,

Map is not showing in angular 6

I have implemented this in an angular 6 app, but the map does not seem to appear or load. I have added the api key and the css as well.

Can someone please help.

Does not work as a modal

This plugin is very useful, however, it does not load when used as a modal.
It would be great if there is a workaround for that..

Code to reproduce

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/jquery-gmaps-latlon-picker.css"/>
  </head>
  <body>
    <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;key=<YOUR_KEY>"></script>
    <script src="js/jquery-gmaps-latlon-picker.js"></script>

    <div id="gmap" class="modal fade" role="dialog">
      <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Double click a location to choose</h4>
          </div>
          <div class="modal-body">
            <form class="form-inline gllpLatlonPicker">
              <div class="form-group col-md-12">
                <input type="text" class="form-control gllpSearchField" />
                <input type="button" type="submit" class="btn btn-primary gllpSearchButton" value="search" />
              </div>
              <div class="gllpMap">Loading Google maps ...</div>
              <input type="hidden" class="gllpLatitude" value="0" />
              <input type="hidden" class="gllpLongitude" value="0" />
              <input type="hidden" class="gllpZoom" value="3" />
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
          </div>
        </div><!-- end modal-content -->
      </div>
    </div>
    <button type="button" class="btn btn-info" data-toggle="modal" data-target="#gmap">Click me</button>
  </body>
</html>

Disable marker being moved

I would like to only display the map and would like to disable user interaction on the marker. Could you help me with the steps to disable the marker?

Appreciate your answer.

More of a suggestion

How hard would it be to default the map to the browsers location(assuming the browser supported it), if the initial values for lat and long are simply omitted? I dug through the javascript(not a js programmer :() and I didn't see an obvious solution. The navigator.geolocation.getcurrentposition call appears to be an async call, so when I tried to use it, the map was drawn before the values returned. Not being a js programmer, I wasn't sure how to do await navigator.geolocation.getcurrentposition...

After wasting some time I decided I should ask as I am probably missing something very obvious? All I want to do is use your plugin with the default location being somewhere in the ballpark of the users location if they browser supports it. It not, I will just end up setting a default somewhere close to the area I expect the most users from. Not a deal breaker either way.

Inject custom JSON styling

Hello,

Fantastic widget!
I could use some help on a few issue.
I am having troubling finding the right spot to inject my JSON map styling could you please tell where I should put them without breaking the widget.

Thanks,
Chris

IE9 console.log not supported

at the bottom of the JS file there is a call to console.log

$(document).bind("location_changed", function(event, object) {
console.log("changed: " + $(object).attr('id') );
});

IE9 does not seem to support console.log unless dev tools are open. This caused an issue where the search button would not work.

http://stackoverflow.com/questions/5472938/does-ie9-support-console-log-and-is-it-a-real-function

street view control

i edit js file and make streetview with true , but not solve problem i need to show street view

Elevation field

Would it be possible to add an elevation field as well? Would be great, thanks in advance, cheers!

Autocomplete

Will be great if search input has "Place Autocomplete Requests"

Not working with new Google Maps API

It's a great little piece of script that has served our cycling club website for many years, big thanks! However, after updating to use the mandatory API it's stopped working. Any suggestions on how to fix or could an updated version be released? Thanks again!!!!

update map

not really an issue, just a question.. and I'm new to Github so I wast sure where to post this (sorry).

How can I call the "update map" functionality? I have a custom script and I need to call this function at the end of my script to update the map view after a user selects a city from a drop down menu which will auto fill GPS coordinates from my DB.

Thanks!

Load the map with marker on a specific Latlong value

I'm trying to load the map with the marker put on a specific Lat long value that I already have. Could you let me know the steps to achieve this?

Thanks, I appreciate your answer.

wimagguc / jquery-latitude-longitude-picker-gmaps Goto Github PK

jquery-latitude-longitude-picker-gmaps's People

Stargazers

Watchers

Forkers

jquery-latitude-longitude-picker-gmaps's Issues

Code to reproduce

Recommend Projects

Recommend Topics

Recommend Org