Zoom is smoother on maps.google.com than on Google Maps API v3 -


i have noticed zoom on maps.google.com behaves differently (read: smoother) custom map using version 3 of google maps api. later found out applies demo google here.

is there way same smooth zoom feeling on maps using google maps api v3?

i've been trying search around net solution, can find people asking how zoom animations, not i'm looking for.

the native google maps site maps.google.com uses html5 canvas element rendering maps. google maps api v3 not. (as of late 2015) not possible smooth continuous zoom behavior using google maps api.

after searching google docs , web answers without results, took time understand how api v3 , how maps.google.com work render , display maps. there's 1 major difference makes clear why continuous zoom won't work using api:

  1. google maps api v3 creates map made of image tiles each rendered single <div /> containers fixed default size of 256 x 256 px. when switching zoom level every single tile has re-rendered new image (of whatever type, possibly dynamically styled custom overlays , on). expensive task, every additional zoom step adds resources loaded , computation costs re-rendering whole scene via dom manipulation. fluid zoom experience impossible, modern browsers on high cpu/memory machines.

  2. maps.google.com uses html5 canvas object rendering map scenes (i'm pretty sure there's api v3 style fallback variant old browsers). drawing in natively supported canvas object way less expensive replacing images in dom elements. google uses vector graphics based approach allows continuous zoom detail without need fetch additional resources. additionally needed information specific zoom level though fetched smaller chunks of data , applied drawing routines.

i must admit don't know how works in detail. it's discovered inspecting source , hope pretty sums why "smooth zoom" currently not possible using maps api. anyway, let's forward google maps api v4!


Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more