wimagguc / jquery-latitude-longitude-picker-gmaps Goto Github PK
View Code? Open in Web Editor NEWA jQuery plugin that creates a Latitude and Longitude picker using Google Maps.
Home Page: http://www.wimagguc.com/
License: Other
A jQuery plugin that creates a Latitude and Longitude picker using Google Maps.
Home Page: http://www.wimagguc.com/
License: Other
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
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!
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!!!!
Would it be possible to add an elevation field as well? Would be great, thanks in advance, cheers!
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.
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..
<!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&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">×</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>
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.
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.
Will be great if search input has "Place Autocomplete Requests"
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,
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.
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
i edit js file and make streetview with true , but not solve problem i need to show street view
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.