javascript - how to pan two maps simultaneously overlay using div -


i having 2 maps overlayed using div. whenever pan map, map above base map moves , not base map. kindly tell if there way let mouse panning enabled both maps simultaneously. astha

<style type='text/css'> /*<![cdata[*/  .modal {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;  } .overlay {     margin: auto;     text-align: left;     width: 800px;     height: 532px;    position:absolute;     pointer-events:none; }  .message {     width: 800px;     height: 532px;      background-color: #fff;     opacity: .35;     filter: alpha(opacity=35);     position:absolute;      pointer-events:none; }         /*]]>*/ </style> <script type="text/javascript" src="http://nls.tileserver.com/api.js"></script> <script src="http://maps.google.com/maps?    file=api&amp;v=2&amp;sensor=false&amp;key=abqiaaaa9psslyayyyl6x8hkrhazvxs4-aljfz9cxp3qiyslghiyxf9uhht0nlb9b9bxguggdctso4qva1jlla" type="text/javascript"> </script>  <script src="http://nls.tileserver.com/opacity-control.js" type="text/javascript">       </script>  <script type="text/javascript"  src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js"></script> <script language="javascript">  function whereami(lat, lon) { load(lat,lon); } /* function pull() { var location=json.parse(locater.getlocation());  whereami(location.lat, location.lon); }*/ function load(latitude,longitude) {   if (gbrowseriscompatible()) {     //var latitude = 55.96;     //var longitude = -3.2;     var myicon = new gicon();     var zoom = 18;     var map = new gmap(document.getelementbyid("map"));     map.setcenter(new glatlng(latitude,longitude), zoom);     var copyright = new gcopyright(1, new glatlngbounds(new glatlng(-90, -180),new glatlng(90, 180)), 1,     "historical maps <a href='http://geo.nls.uk/maps/api/'>nls maps api<\/a>");     var copyrightcollection = new gcopyrightcollection();     copyrightcollection.addcopyright(copyright);        var tilelayer = new gtilelayer(copyrightcollection, 1, nlstileurlos('maxzoom'));     tilelayer.gettileurl = nlstileurlos;     var nlsmap = new gmaptype([tilelayer], g_normal_map.getprojection(), "historical");     map.addmaptype(nlsmap);     map.setmaptype(nlsmap);      var map1 = new gmap(document.getelementbyid("map1"));     map1.setcenter(new glatlng(latitude,longitude), zoom);     var copyright = new gcopyright(1, new glatlngbounds(new glatlng(-90, -180),new glatlng(90, 180)), 1,     "historical maps <a href='http://geo.nls.uk/maps/api/'>nls maps api<\/a>");     var copyrightcollection = new gcopyrightcollection();     copyrightcollection.addcopyright(copyright);      var tilelayer = new gtilelayer(copyrightcollection, 1, nlstileurlos('maxzoom'));     tilelayer.gettileurl = nlstileurlos;     var nlsmap = new gmaptype([tilelayer], g_normal_map.getprojection(), "historical");     map1.addmaptype(nlsmap);     map1.setmaptype(nlsmap);     // put div on map position.clone($("map"), $("map1").setstyle({'pointer-events': 'none'}), {offsetleft:100, offsettop:62.5, setwidth:false, setheight:false});       var marker = new gmarker( new glatlng(latitude,longitude));     var myicon=new gicon(marker.geticon());     myicon.image='pushpin.png';     myicon.iconsize = new gsize (40,40);     var marker2 = new gmarker( new glatlng(latitude,longitude), myicon);     map.addoverlay(marker2);         } } </script > </head> <body onload = whereami(55.96,-3.2)> <div class="modal">     <div class="overlay" id="map">      </div>     <div class="message" id="map1"></div> </div>

probably u can use getcenter map 1 , use latlang setcenter of second on events u moving mouse


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more