c# - displaying markers on a google map in javascript -


i javascript beginner , trying create markers on google map. first of getting gps co-ordinates database splitting apart lattitude , longlitude values, adding them 2 separate listboxes called lstboxlatgps , lstboxlonggps in c#

foreach (string item in gpslatlist)     {         lstboxlatgps.items.add(item);     } foreach (string item in gpslonglist)     {         lstboxlonggps.items.add(item);     }

now in javascript want take items in listboxes , create markers on map have 2 functions:

        function getlatvalues()          {             var arrvalues= new array();             var listbox = document.getelementbyid("<%=lstboxlatgps.clientid%>");             (var = 0; < listbox.options.length; i++)              {arrvalues[i]= listbox.options[i].text }             return (arrvalues);         }         function getlongvalues()          {             var arrvalues= new array();             var listbox = document.getelementbyid("%=lstboxlonggps.clientid%>");             (var = 0; < listbox.options.length; i++)              {arrvalues[i]= listbox.options[i].text }             return (arrvalues);         }

then add arrays made markers:

        function initialize()         {             var mapcanvas = document.getelementbyid('map-canvas');             var mapoptions =             {                 center: new google.maps.latlng(-28.4792811, 24.6722268),                 zoom: 6,                 maptypeid: google.maps.maptypeid.roadmap             }             var map = new google.maps.map(mapcanvas, mapoptions);             map.set('styles', [   {       "featuretype": "landscape",       "stylers": [         { "color": "#c9d7bb" }       ]   }, {       "featuretype": "administrative.province",       "elementtype": "labels.text",       "stylers": [         { "visibility": "on" },         { "color": "#ffc23d" }       ]   }, {       "featuretype": "poi.attraction",       "stylers": [         { "visibility": "on" },         { "color": "#9be586" }       ]   }, {       "featuretype": "administrative.province",       "elementtype": "geometry",       "stylers": [         { "visibility": "on" },         { "color": "#000000" },         { "weight": 3.2 }       ]   }             ]);              var gpslatarray = new array();             var gpslongarray = new array();             gpslatarray = getlatvalues();             gpslongarray = getlongvalues();              (var = 0; < gpslatarray.length; i++)             {                 var marker = new google.maps.marker({position: gpslatarray[i],gpslongarray[i] });                 marker.setmap(map);             }         }         google.maps.event.adddomlistener(window, 'load', initialize);

when map supposed displayed, blank, not showing map @ all.

you need add div in aspx page display map.

<div class="img-thumbnail" id="map-canvas" style="width: 369px; height: 289px;"></div>

Comments

Post a Comment

Popular posts from this blog

searchKeyword not working in AngularJS filter -

i writing app using angularjs on front end. want search through table word/field; 1 search box everything. according article here: http://hello-angularjs.appspot.com/searchtable can use filter: searchkeyword this. this code, , not working expected. <label>search: <input ng-model="searchkeyword"></label> <table ng-repeat="post in posts | orderby: sort | filter: searchkeyword"> <tr> <td> {{index(post)}} </td> <td> {{post.title}} </td> <td> {{post.author}} </td> <td> {{post.content}} </td> <td> {{post.date | date: "d/m/yyyy"}} </td> </tr> </table> what should do? thank you try this: controller $scope.posts = [ {title:'title one', author:'author one', content: 'content one'}, {title:'title two', author:'author two', content: 'cont...
Read more

sequelize.js - Sequelize: sort by enum cases -

i have model ( article ) field (the name type ) of type enum('source', 'translated') , return 1 article ordered type field. source articles should returned before translated articles. like: article.findone(order: [ { type: [ 'source', 'translated' ] } ]); unfortunately there appears no built-in solution sorting enums. instead have sort by case , couldn't find documentation on how sequelize. what conventional approach here? sorting case hard in sequelize, sort field (the second answer in linked post) should possible: order: sequelize.fn('field', sequelize.col('type'), 'source', 'translated') it's supported mysql far know though
Read more

user interface - how to replace an ongoing process of image capture from another process call over the same ImageLabel in python's GUI TKinter -

i trying use following code create interactive gui changes color-space(hsv, rbg, grayscale etc) on event of button click. display opencv video in tkinter using multiprocessing being new python having problems multiprocessing , attempts on making gui change it's color space on button clicks hangs entire system. on it's implementation highly appreciated. thankyou. below code: import cv2 pil import image,imagetk import tkinter tk import numpy np multiprocessing import process , queue def quit_it(root,process): root.destroy() process.terminate() def black_andwhite(root,process): process.terminate p=process(target=capture_image, args=(5,queue, )) p.start() root.after(0, func=lambda: update_all(root, image_label, queue)) def update_image(image_label, queue): frame = queue.get() = image.fromarray(frame) b = imagetk.photoimage(image=a) image_label.configure(image=b) image_label._image_cache = b root.update() def update_all(root...
Read more