javascript - Convert google mapv2 to v3 -


possible duplicate:
how put code in v3 instead v2 map

i have code , need convert in v3 google map code.

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">    <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>     <title>google maps ajax + mysql/php example</title>     <script src="http://maps.google.com/maps?file=api&v=2&key=abcdef"             type="text/javascript"></script>      <script type="text/javascript">     //<![cdata[     var map;     var geocoder;      function load() {       if (gbrowseriscompatible()) {         geocoder = new gclientgeocoder();         map = new gmap2(document.getelementbyid('map'));         map.addcontrol(new gsmallmapcontrol());         map.addcontrol(new gmaptypecontrol());         map.setcenter(new glatlng(40, -100), 4);       }     }     function searchlocations() {      var address = document.getelementbyid('addressinput').value;      geocoder.getlatlng(address, function(latlng) {        if (!latlng) {          alert(address + ' not found');        } else {          searchlocationsnear(latlng);        }      });    }     function searchlocationsnear(center) {      var radius = document.getelementbyid('radiusselect').value;      var searchurl = 'phpsqlsearch_genxml.php?lat=' + center.lat() + '&lng=' + center.lng() + '&radius=' + radius;      gdownloadurl(searchurl, function(data) {        var xml = gxml.parse(data);        var markers = xml.documentelement.getelementsbytagname('marker');        map.clearoverlays();         var sidebar = document.getelementbyid('sidebar');        sidebar.innerhtml = '';        if (markers.length == 0) {          sidebar.innerhtml = 'no results found.';          map.setcenter(new glatlng(40, -100), 4);          return;        }         var bounds = new glatlngbounds();        (var = 0; < markers.length; i++) {          var name = markers[i].getattribute('name');          var address = markers[i].getattribute('address');          var distance = parsefloat(markers[i].getattribute('distance'));          var point = new glatlng(parsefloat(markers[i].getattribute('lat')),                                  parsefloat(markers[i].getattribute('lng')));           var marker = createmarker(point, name, address);          map.addoverlay(marker);          var sidebarentry = createsidebarentry(marker, name, address, distance);          sidebar.appendchild(sidebarentry);          bounds.extend(point);        }        map.setcenter(bounds.getcenter(), map.getboundszoomlevel(bounds));      });    }      function createmarker(point, name, address) {       var marker = new gmarker(point);       var html = '<b>' + name + '</b> <br/>' + address;       gevent.addlistener(marker, 'click', function() {         marker.openinfowindowhtml(html);       });       return marker;     }      function createsidebarentry(marker, name, address, distance) {       var div = document.createelement('div');       var html = '<b>' + name + '</b> (' + distance.tofixed(1) + ')<br/>' + address;       div.innerhtml = html;       div.style.cursor = 'pointer';       div.style.marginbottom = '5px';        gevent.adddomlistener(div, 'click', function() {         gevent.trigger(marker, 'click');       });       gevent.adddomlistener(div, 'mouseover', function() {         div.style.backgroundcolor = '#eee';       });       gevent.adddomlistener(div, 'mouseout', function() {         div.style.backgroundcolor = '#fff';       });       return div;     }     //]]>    </script>   </head>    <body onload="load()" onunload="gunload()">     address: <input type="text" id="addressinput"/>       radius: <select id="radiusselect">        <option value="25" selected>25</option>       <option value="100">100</option>        <option value="200">200</option>      </select>      <input type="button" onclick="searchlocations()" value="search locations"/>     <br/>         <br/> <div style="width:600px; font-family:arial,  sans-serif; font-size:11px; border:1px solid black">   <table>      <tbody>        <tr id="cm_maptr">          <td width="200" valign="top"> <div id="sidebar" style="overflow: auto; height: 400px; font-size: 11px; color: #000"></div>          </td>         <td> <div id="map" style="overflow: hidden; width:400px; height:400px"></div> </td>        </tr>      </tbody>   </table> </div>       </body> </html>

perhaps can start this: tips upgrading gmaps v2 v3 more quickly

then, if doesn't need go, edit question post have @ point , can try fix it.


Comments

Post a Comment

Popular posts from this blog

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

java - Output of Eclipse is rubbish -

i want write program in eclipse language different english. when display output using system.out program, displays output correctly in console editor. when accept input console , output it, output rubbish. how can solve it. many thnaks i'm not sure if problem, have character encoding problem. make sure you're using unicode, utf-8. you can read more @ official docs converting non-unicode text .
Read more

jquery - Confused with JSON data and normal data in Django ajax request -

i read json internet still have not got grasp of it. reading article http://webcloud.se/log/ajax-in-django-with-jquery/ i not understood first part function using json def xhr_test(request, format): if request.is_ajax(): if format == 'xml': mimetype = 'application/xml' if format == 'json': mimetype = 'application/javascript' data = serializers.serialize(format, examplemodel.objects.all()) return httpresponse(data,mimetype) # if want prevent non xhr calls else: return httpresponse(status=400) my main problems are from function getting format variable does format json mean data given function json or data recived json can give me simple example ouput of function data = serializers.serialize(format, examplemodel.objects.all()) how use data when response in jquery function if don't use json in above function how input , response chnage thanks ...
Read more