Index: chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html |
diff --git a/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html b/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html |
new file mode 100755 |
index 0000000000000000000000000000000000000000..d279a153faf1f325ab68936e39d58b2fd7c93b04 |
--- /dev/null |
+++ b/chrome/test/data/extensions/samples/mappy/mappy_toolstrip.html |
@@ -0,0 +1,68 @@ |
+<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAATfHumDbW3OmRByfquHd3SRTRERdeAiwZ9EeJWta3L_JZVS0bOBRQeZgr4K0xyVKzUdnnuFl8X9PX0w&sensor=false" |
+ type="text/javascript"></script> |
+<script> |
+var maps_key = "ABQIAAAATfHumDbW3OmRByfquHd3SRTRERdeAiwZ9EeJWta3L_JZVS0bOBRQeZgr4K0xyVKzUdnnuFl8X9PX0w"; |
+ |
+function xhr_geocode(address) { |
+ var xhr = new XMLHttpRequest(); |
+ xhr.onreadystatechange = function() { |
+ if (xhr.readyState == 4 && xhr.status == 200) { |
+ console.log(xhr.responseText); |
+ var parsed = JSON.parse(xhr.responseText); |
+ console.dir(parsed); |
+ var point = parsed.Placemark[0].Point.coordinates; |
+ var latlng = point[1] + "," + point[0]; |
+ window.open("http://maps.google.com/staticmap?center=" + latlng + |
+ "&markers=" + latlng + "&zoom=14" + |
+ "&size=512x512&sensor=false&key=" + maps_key, |
+ "mappy_popup", |
+ "width=512,height=512"); |
+ } else { |
+ console.log("xhr: " + xhr.readyState); |
+ } |
+ }; |
+ var url = |
+ "http://maps.google.com/maps/geo?output=json&oe=utf8&sensor=false&key=" + |
+ maps_key + "&q=" + address; |
+ console.log(url); |
+ xhr.open("GET", url); |
+ xhr.send(null); |
+} |
+ |
+function gclient_geocode(address) { |
+ var geocoder = new GClientGeocoder(); |
+ geocoder.getLatLng(address, function(point) { |
+ if (!point) { |
+ console.log(address + " not found"); |
+ } else { |
+ var latlng = point.toUrlValue(); |
+ var url = "http://maps.google.com/staticmap?center=" + latlng + |
+ "&markers=" + latlng + "&zoom=14" + |
+ "&size=512x512&sensor=false&key=" + maps_key; |
+ //window.open(url, "mappy_popup", "width=512,height=512"); |
+ document.body.style.width = "512px"; |
+ setTimeout(chrome.toolstrip.expand, 100, 512, url); |
+ } |
+ }); |
+} |
+ |
+function map() { |
+ chrome.tabs.getSelected(null, function(tab) { |
+ var port = chrome.tabs.connect(tab.id); |
+ if (!port) { |
+ console.log("no port"); |
+ } else { |
+ port.onMessage.addListener(function(data) { |
+ var address = data.values[0]; |
+ //xhr_geocode(address); |
+ gclient_geocode(address); |
+ }); |
+ port.postMessage({message: "hello tab: " + tab.id}); |
+ console.log("sent message"); |
+ } |
+ }); |
+}; |
+</script> |
+<div class="toolstrip-button" onclick="map()"> |
+<span>Mappy</span> |
+</div> |