Comments (8)
how did you disable dragging?
there is a option draggableMarker: false
on address picker initializer
I tried it on the demo and the marker isn't draggable anymore
could you share code?
from jquery-addresspicker.
I just set draggableMarker to false at line 33 of query.ui.addresspicker.js to disable dragging.
Here is the code I have for displaying the map and form:
<%= content_for(:head) do%>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<% end %>
<script>
$(function() {
var addresspickerMap = $( "#addresspicker_map" ).addresspicker({
elements: {
map: "#map",
lat: "#lat",
lng: "#lng",
locality: '#locality',
country: '#country'
}
});
var gmarker = addresspickerMap.addresspicker( "marker");
gmarker.setVisible(true);
addresspickerMap.addresspicker( "updatePosition");
});
</script>
<p>Make sure the map is pointing your delivery location</p>
<div id='map'></div>
<div class="field">
<%= f.label :address %><br />
<%= f.text_field :address, id: "addresspicker_map", class: "ui-autocomplete-input", autocomplete: "off", role: "textbox", :'aria-autocomplete' =>"list", :'aria-haspopup' =>"true" %>
</div>
<div class="field">
<%= f.label :city %><br />
<%= f.text_field :city, id: 'locality' %>
</div>
<div class="field">
<%= f.label :country %><br />
<%= f.text_field :country, id: 'country' %>
</div>
<%= f.text_field :latitude, id: 'lat', type:'hidden' %>
<%= f.text_field :longitude, id: 'lng', type: 'hidden' %>
from jquery-addresspicker.
dont touch addresspicker.js
try
var addresspickerMap = $( "#addresspicker_map" ).addresspicker({
elements: {
map: "#map",
lat: "#lat",
lng: "#lng",
locality: '#locality',
country: '#country'
},
draggableMarker: false
});
from jquery-addresspicker.
that breaks the map. I don't want to disable drag able Marker. I just found that if i disable it, i get the correct looking market.
from jquery-addresspicker.
Ok I think I've pinpointed down the problem. Turns out if I use twitter bootstrap along side jquery ui, it'll mess the map up. Any idea which part of bootstrap may be causing the problem?
from jquery-addresspicker.
ok turns out it's bootstrap's problem with max-width on the image.
to fix the problem just do
#map img {
max-width: none;
}
from jquery-addresspicker.
great you found the issue!
would have been hard for me to solve that !:)
from jquery-addresspicker.
Thanks! This has solved the issue 👍
from jquery-addresspicker.
Related Issues (20)
- IE9 + Later JQuery HOT 7
- jquery-addresspicker added to twitstrap resources HOT 1
- Getting this new error : not allowed by Access-Control-Allow-Origin. HOT 2
- Configure to find cities only. HOT 5
- Map Update by Address
- [enhancement] Add missing bower.json.
- jQuery UI - v1.8.24 HOT 1
- Reverse Geocoding to show current address before moving marker HOT 2
- New address picker based on typeahead HOT 3
- components filter does not work HOT 1
- Doesn't work on Firefox 12 HOT 3
- What if i have to use two markers in the same map?? HOT 5
- Problem with map inside Jquery Steps HOT 2
- Google Places HOT 4
- specification of an administrative area in a componentsFilter
- when make build with gulp bower files not working
- Regarding to timezone
- Is it possible to get suggestions without state/area
- How to make "Reverse Geocode" to be True by default? HOT 2
- Oops! Something went wrong. This page didn't load Google Maps correctly. See the JavaScript console for technical details. HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-addresspicker.