c# google maps api - javascript errors on the html part -


i newly want use googlemap api display markers on map in simple c# windows form visual studio.

i use "web browser" component display generated html file basic html code google plus customized coordinate.

        const string htmlpath = "d:/map.html";         streamwriter sw = new streamwriter(htmlpath, false, system.text.encoding.getencoding(437));          string centerlongitude = centerlongitudetextbox.text;         string centerlatitude = centerlatitudetextbox.text;             sw.writeline("<!doctype html>");         sw.writeline("<html>");          sw.writeline("<head>");         sw.writeline("<meta charset=\"utf-8\">");          sw.writeline("<style>");         sw.writeline("html, body, #map{");         sw.writeline("margin :0;");         sw.writeline("padding: 0;");         sw.writeline("height: 100%");         sw.writeline("}");         sw.writeline("</style>");          //sw.writeline("<link rel=\"stylesheet\" href=\"/maps/documentation/javascript/demos/demos.css\">");         sw.writeline("</head>");          sw.writeline("<body>");          sw.writeline("<div id=\"map\"></div>");          sw.writeline("<script>");         sw.writeline("function initmap() {");         sw.writeline("// create map object , specify dom element display.");         sw.writeline("var map = new google.maps.map(document.getelementbyid('map'), {");         sw.writeline("center: { lat: "+ centerlatitude +", lng: "+ centerlongitude +"},");         sw.writeline("scrollwheel: false,");         sw.writeline("zoom: 8");         sw.writeline("});");         sw.writeline("}");         sw.writeline("</script>");          sw.writeline("<script src=\"https://maps.googleapis.com/maps/api/js?key=mykey of course&callback=initmap\"");          sw.writeline("async defer></script>");          sw.writeline("</body>");          sw.writeline("</html>");         sw.close();          webbrowser1.navigate("file:///" + htmlpath);

this code working good, application text me java script generate errors.

can give me help, don't understand why there error , finding topics or code exemple hard.

thanks reading me.

error

i understand application uses web browser control emulates version of ie.

please note current release version of maps javascript api doesn't support neither old ie versions nor compatibility mode. should use supported browsers mentioned in document:

https://developers.google.com/maps/documentation/javascript/browsersupport

if working webbrowser controls, can default ie 7 rendering mode: https://weblog.west-wind.com/posts/2011/may/21/web-browser-control-specifying-the-ie-version

as can see above article, can write in registry force control newer ie version. recommended specify @ least version 10.

http://www.codeproject.com/articles/793687/configuring-the-emulation-mode-of-an-internet-expl use latest version of internet explorer in webbrowser control

additionally, can add meta tags

<meta http-equiv="x-ua-compatible" content="ie=emulateie10" />

or

<meta http-equiv="x-ua-compatible" content="ie=edge">

in html page header section in order force rendering mode modern version of ie.

as alternative solution can consider different web browser embedded control. example, can @ chromium embedded framework.

https://en.wikipedia.org/wiki/chromium_embedded_framework

there useful discussion in public issue tracker well:

https://code.google.com/p/gmaps-api-issues/issues/detail?id=9004


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 - jQuery UI Splitter/Resizable for unlimited amount of columns -

using jqueryui splitter or resizable functions want create layout allows unlimited amount of columns added , columns need resizable. so fiddle: https://jsfiddle.net/f3glh3mw/ but in fiddle html contains out of nested sets instead of inline. limits possibilities above fiddle can have equal widths 2,4,8,16,32 etc columns. in between shows crooked can see in fiddle. when researching came on question: jquery ui , splitter if @ top answer shows structure like: <div class="wrap"> <div class="resizable resizable1"></div> <div class="resizable resizable2"></div> </div> full fiddle: http://jsfiddle.net/8qztj/86/ which structure want javascript hardcoded 2 resizable items. so here question: how modify last fiddle works amount of .resizable divs. or know of plugin can this. thanks helping! so far found plugin: http://www.bacubacu.com/colresizable/ which says , close functionality want. in
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