javascript - How to add distance between to points in info window Using google maps -

- 



var iconbase = 'content/images/';  var icons = {    parking: {      icon: iconbase + 'iconmonstr-car-21-24.png'    },    library: {      icon: iconbase + 'iconmonstr-fast-food-1-24.png'    },    info: {      icon: iconbase + 'iconmonstr-shopping-cart-3-24.png'    },    hospital: {      icon: iconbase + 'iconmonstr-building-38-24.png'    }  };  var markers = [{      title: 'aksa beach',      lat: '19.1759668',      lng: '72.79504659999998',      description: 'aksa beach popular beach , vacation spot in aksa village @ malad, mumbai.',      type: 'hospital',      nearby: ''    },    {      title: 'juhu beach',      lat: '19.0883595',      lng: '72.82652380000002',      description: 'juhu beach 1 of favourite tourist attractions situated in mumbai.',      type: 'hospital',      nearby: ''    },    {      title: 'girgaum beach',      lat: '18.9542149',      lng: '72.81203529999993',      description: 'girgaum beach commonly known chaupati 1 of famous public beaches in mumbai.',      type: 'hospital',      nearby: ''    },    {      title: 'jijamata udyan',      lat: '18.979006',      lng: '72.83388300000001',      description: 'jijamata udyan situated near byculla station famous mumbai (bombay) zoo.',      type: 'hospital',      nearby: ''    },    {      title: 'sanjay gandhi national park',      lat: '19.2147067',      lng: '72.91062020000004',      description: 'sanjay gandhi national park large protected area in northern part of mumbai city.',      type: 'hospital',      nearby: ''    }  ];      window.onload = function() {    loadmap();  }    function loadmap() {    var directionsservice = new google.maps.directionsservice();      var mapoptions = {      center: new google.maps.latlng(markers[0].lat, markers[0].lng),      zoom: 10,      maptypeid: google.maps.maptypeid.roadmap    };    var map = new google.maps.map(document.getelementbyid("dvmap"), mapoptions);      //create , open infowindow.    var infowindow = new google.maps.infowindow();      (var = 0; < markers.length; i++) {      var data = markers[i];      var mylatlng = new google.maps.latlng(data.lat, data.lng);      var marker = new google.maps.marker({        position: mylatlng,        map: map,        title: data.title,        icon: icons[data.type].icon,      });          var res = calcroute();        (function(marker, data) {        google.maps.event.addlistener(marker, "click", function(e) {          infowindow.setcontent("<div style ='width:200px;min-height:40px' class='aa'>" + data.description + res + "</div>");          infowindow.open(map, marker);          });      })(marker, data);    }  }      function calcroute() {      var start = {      lat: 50.087,      lng: 14.421    };    var end = {      lat: 19.0883595,      lng: 72.79504659999998    };    var request = {      origin: start,      destination: end,      travelmode: 'driving'    };    directionsservice.route(request, function(response, status) {      if (status == 'ok') {        return response.destination;      }    });    //attach click event marker.  }      window.onload = function() {    loadmap();  }    function loadmap() {    var directionsservice = new google.maps.directionsservice();      var mapoptions = {      center: new google.maps.latlng(markers[0].lat, markers[0].lng),      zoom: 10,      maptypeid: google.maps.maptypeid.roadmap    };    var map = new google.maps.map(document.getelementbyid("dvmap"), mapoptions);      //create , open infowindow.    var infowindow = new google.maps.infowindow();      (var = 0; < markers.length; i++) {      var data = markers[i];      var mylatlng = new google.maps.latlng(data.lat, data.lng);      var marker = new google.maps.marker({        position: mylatlng,        map: map,        title: data.title,        icon: icons[data.type].icon,      });          var res = calcroute();        (function(marker, data) {        google.maps.event.addlistener(marker, "click", function(e) {          infowindow.setcontent("<div style ='width:200px;min-height:40px' class='aa'>" + data.description + res + "</div>");          infowindow.open(map, marker);          });      })(marker, data);    }  }      function calcroute() {    var start = {      lat: 50.087,      lng: 14.421    };    var end = {      lat: 19.0883595,      lng: 72.79504659999998    };    var request = {      origin: start,      destination: end,      travelmode: 'driving'    };    directionsservice.route(request, function(response, status) {      if (status == 'ok') {        return response.destination;      }    });    //attach click event marker.  }
body {    font-family: arial;    font-size: 10pt;  }
<script defer src="https://maps.googleapis.com/maps/api/js?key=aizasyamjsuqoctzbxgx460cxrob4glzoarowos&callback=initmap">  </script>  <div id="dvmap" style="width: 1000px; height: 600px">  </div>





wiki

Comments

Post a Comment

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

-
i'm stuck project have check database of sip extension incoming caller id , dial sip extension. below receive when run script on asterisk cli. -- registered sip '9125' @ 192.168.1.102:50142 > saved useragent "zoiper rv2.8.40" peer 9125 [2017-08-22 13:53:33] notice[5095]: chan_sip.c:24558 handle_response_peerpoke: peer '9125' reachable. (17ms / 2000ms) == using sip rtp tos bits 184 == using sip rtp cos mark 5 -- executing [0112617769@from-trunk:1] answer("sip/obitrunk1-0000000d", "") in new stack > 0x1ca50d0 -- probation passed - setting rtp source address 192.168.1.98:16834 -- executing [0112617769@from-trunk:2] agi("sip/obitrunk1-0000000d", "test.py") in new stack -- launched agi script /var/lib/asterisk/agi-bin/test.py args: ['/var/lib/asterisk/agi-bin/test.py'] env line: agi_request: test.py env line: agi_channel: sip/obitrunk1-0000000d env line: agi_language: en env line: a
Read more

python - Read npy file directly from S3 StreamingBody -

-
i have many .npy (numpy) , .json files saved in s3, need download , load these files. for json files downloading files , loading dictionary using following code: obj = s3.object(bucket, key) response = obj.get() body = response['body'].read().decode('utf-8') data = json.loads(body) that way avoid writing .json file disk , reading it. now want same .npy files, equivalent? currently downloading file, saving temp file on disk , loading np.load avoid if possible. following https://stackoverflow.com/a/28196540/3509999 : obj = s3.object(bucket, key) io.bytesio(obj.get()["body"].read()) f: # rewind file f.seek(0) arr = np.load(f) wiki
Read more

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -

-
i start using kotlin , defined interface this: interface aadapter<vh : recyclerview.viewholder> { fun oncreateaviewholder(parent: viewgroup): vh fun onbindaviewholder(v: vh, position: int) } and when try use on code: class klasa ( private val adapter: aadapter<*> ) { fun dosth(){ //... val vh = this.adapter.oncreateaviewholder(parent) //on below line error adapter.onbindaviewholder(v, position) //... } } i error out-projected type 'aadapter<*>' prohibits use of 'public abstract fun onbindaviewholder(v: t, position: int): unit i tied add "in" or "out" definition i'm confused. how allow it. replace aadapter<*> aadapter<recyclerview.viewholder> . class klasa ( private val adapter: aadapter<recyclerview.viewholder> ) { // ... because have declared aadapter has type parameter vh type subclass of recyclerview.
Read more