javascript - filter markers in accordance with user city location in google maps -


i have map markers in different location , match markers user location (city) i'm getting user city (hopefully it's best practice way ) 

`<script>         $.getjson('https://geoip-db.com/json/geoip.php?jsonp=?')            .done(function (location) {                $('#country').html(location.country_name);                $('#state').html(location.state);                $('#city').html(location.city);                $('#latitude').html(location.latitude);                $('#longitude').html(location.longitude);             });     </script>`

and i'm setting markers `

 <script>         "use strict";         var markers = @html.raw(json.encode(model.upcominglecturegigs));          window.onload = function (a) {             var mapoptions = {                 center: new window.google.maps.latlng(markers[0].latitude, markers[0].longitude),                 zoom: 8,                 maptypeid: window.google.maps.maptypeid.roadmap             };             var infowindow = new window.google.maps.infowindow();           var map = new window.google.maps.map(document.getelementbyid("dvmap"), mapoptions);         (var = 0; < markers.length; i++) {             var data = markers[i];             //console.log(data.longitude);             var mylatlng = new window.google.maps.latlng(data.latitude, data.longitude);             // console.log(data.latitude, data.longitude);             var marker = new window.google.maps.marker({                 position: mylatlng,                 draggable: true,                 animation: google.maps.animation.drop,                 map() { return map; }             });             (function(marker, data) {                 window.google.maps.event.addlistener(marker,                     "click",                     function(e) {                         infowindow.setcontent(data.venue + " " + data.genre.name);                         infowindow.open(map, marker);                     });             })(marker, data);         }     };     </script>`

how can combine results? https://jsfiddle.net/0f1f4ob7/


Comments

Post a Comment

Popular posts from this blog

php - How to add and update images or image url in Volusion using Volusion API -

actually have store importing products store product data insert , update image or image url not insert , update. this xml code name datapro.txt. <products_joined> <productcode>3710_012t</productcode> <vendor_partno>eah5450silent/di/1gd3(lp)</vendor_partno> <productname>test product ta</productname> <hideproduct>n</hideproduct> <stockstatus>20</stockstatus> <lastmodified>1/5/2016 10:25:00 am</lastmodified> <lastmodby>2</lastmodby> <productweight>0.9</productweight> <productprice>100</productprice> <productmanufacturer>asus tek</productmanufacturer> <vendor_price>32.69</vendor_price> <numproductssharingstock>0</numproductssharingstock> <categoryids>107</categoryids> <producturl>http://tebkq.mvlce.servertrust.com/productdetails.asp?productcode=3710_012t</producturl>
Read more

javascript - IE9 error '$'is not defined -

Image
<!--[if lte ie 9]><html class="lte9"><![endif]--><!--[if gt ie 9]><html><![endif]--> <!--[if !ie]><!--> <html> <!--<![endif]--> blah blah <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="{{ asset('js/mypage.js') }}" type="text/javascript"></script> </body> </html> when load page, ie9 brings error '$' not defined . how can solve error? +++ mypage.js $(function(){ //when load page, //ie9 tag not moving. $(window).load(function() { $('div.mask').hide(); }); // when click , willshow show. //for not ie 9 if (!$('html').hasclass('lte9')) { var = $('ul.about > li > span.activebtn');
Read more