12779

Google map marker click, display a modal

Question:

Hi i need show the bootstrap modal on clicking the marker, the code is here: <a href="http://www.bootply.com/R6RIPwYmTk" rel="nofollow">map</a>

Answer1:

I´ve forked your code here: <a href="http://www.bootply.com/NoflZLtYtI" rel="nofollow">http://www.bootply.com/NoflZLtYtI</a>

I´ve added the following code:

google.maps.event.addListener(marker_1, 'click', function() { $('#myModal').modal('show'); });

Suscribe click event on "marker_1", and in the callback, open modal window!

Hope that helps!

Recommend

  • How come forked processes do not affect each other when there is a global pointer?
  • Show multiple slides, move one using Bootstrap 3.3.5 carousel
  • img not displaying properly after closing bootstrap modal
  • Center brand in navbar with items on each side [closed]
  • How to upload file to S3 from GAE (a horror story)
  • Can I do more have javascript do two things at once?
  • Associate git repo with existing fork network
  • CSS: How to fix overlapping divs
  • Bootstrap Popover showing at wrong place upon zoom in/out or resizing Browser window
  • How to remove all of a jQuery UI dialog when it is closed
  • Angular Bootstrap Carousel Slide Transition not working correctly
  • How can I make this modal persistent?
  • Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5)
  • How to define and use opencv mat of user type
  • JQuery Internet Explorer and ajaxstop
  • why overloaded new operator is calling constructor even I am using malloc inside overloading functio
  • Q promise. Difference between .when and .then
  • jQuery show() function is not executed in Safari if submit handler returns true
  • Optimizing database types to compact database (SQLite)
  • Problems to linebreak with an int in JLabel
  • Sony Xperia Z Tablet not found by adb
  • Cross-Platform Protobuf Serialization
  • script to move all files from one location to another location
  • Check if a string to interpolate provides expected placeholders
  • javascript inside java/jsp code
  • Sending data from AppleScript to FileMaker records
  • Cassandra Data Model
  • Do I've to free mysql result after storing it?
  • Warning: Can't call setState (or forceUpdate) on an unmounted component
  • bootstrap to use multiple ng-app
  • How to get icons for entities from eclipse?
  • KeystoneJS: Relationships in Admin UI not updating
  • AngularJs get employee from factory
  • Load html files in TinyMce
  • Getting Messege Twice Using IMvxMessenger
  • Turn off referential integrity in Derby? is it possible?
  • JaxB to read class hierarchy
  • Running Map reduces the dimensions of the matrices
  • Android Heatmap on canvas or ImageView
  • Python/Django TangoWithDjango Models and Databases