How to put a border around a google map -


how put border around google map? have used:

mapcanvas.style.style='border:10px solid #0b0';

is correct? new google maps.

i think have found reason not displaying can 1 have , let me know correct format.

<section id="wrapper"> click allow button on top of page let browser find location. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <article> </article> <script> function initialize() {   var mapoptions = {     zoom: 12,     center: new google.maps.latlng(-28.643387, 153.612224),     maptypeid: google.maps.maptypeid.roadmap,     maptypecontrol: true,     maptypecontroloptions: {         style: google.maps.maptypecontrolstyle.horizontal_bar,         position: google.maps.controlposition.bottom_center     },     pancontrol: true,     pancontroloptions: {         position: google.maps.controlposition.top_right     },     zoomcontrol: true,     zoomcontroloptions: {         style: google.maps.zoomcontrolstyle.large,         position: google.maps.controlposition.left_center     },     scalecontrol: true,     scalecontroloptions: {         position: google.maps.controlposition.top_left     },     streetviewcontrol: true,     streetviewcontroloptions: {         position: google.maps.controlposition.left_top     }   }   var map = new google.maps.map(document.getelementbyid("map-canvas"),       mapoptions); } function success(position) {   var mapcanvas = document.createelement('div');   mapcanvas.id = 'mapcontainer';   mapcanvas.style.height = '250px';   mapcanvas.style.width = 'auto';   mapcanvas.style.style='border:10px solid #0b0';   document.queryselector('article').appendchild(mapcanvas);   var coords = new google.maps.latlng(position.coords.latitude, position.coords.longitude);   var options = {     zoom: 15,     center: coords,     maptypecontrol: true,     navigationcontroloptions: {         style: google.maps.navigationcontrolstyle.small     },     maptypeid: google.maps.maptypeid.roadmap   };   var map = new google.maps.map(document.getelementbyid("mapcontainer"), options);   var marker = new google.maps.marker({       position: coords,       map: map,       title:"you here!"   }); } if (navigator.geolocation) {   navigator.geolocation.getcurrentposition(success); } else {   error('geo location not supported'); } </script> </section>

this has nothing google maps; that's red herring.

your problem how put border on div or other dom element. if try code without google maps involved @ all, still won't put border on div.

instead of:

mapcanvas.style.style = 'border:10px solid #0b0';

you use:

mapcanvas.style.border = '10px solid #0b0';

or, using jquery, simplify section of code:

var mapcanvas = document.createelement('div'); mapcanvas.id = 'mapcontainer'; mapcanvas.style.height = '250px'; mapcanvas.style.width = 'auto'; mapcanvas.style.style='border:10px solid #0b0'; document.queryselector('article').appendchild(mapcanvas);

to:

$('<div id="mapcontainer">').css({     height: 250,     width: 'auto',     border: '10px solid #0b0' }).appendto('article');

Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more