Commit inicial Ventas Productivo

Prospeccion/Map.html

@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+	<meta charset="utf-8" />
+</head>
+<body>
+    <div><b id="p1"></b></div>
+
+    <div id="map-canvasPart" style="width: 480px; height: 480px;"></div>
+</body>
+
+<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
+<script type="text/javascript">
+        var map;
+        //function initialize() {  
+        //    //var myLatLng = { lat: 29.078712, lng: -110.989941 };
+        //    var myLatLng = { lat: parseFloat(getQueryVariable("lat")), lng: parseFloat(getQueryVariable("lng")) };
+        //    var title = '';
+        //    if (getQueryVariable("title")) {
+        //        title = getQueryVariable("title");
+        //        document.getElementById("p1").innerHTML = title.replace('%20', ' ');
+        //    }
+        //    var map = new google.maps.Map(document.getElementById('map-canvasPart'), {
+        //        zoom: 16,
+        //        center: myLatLng
+        //    });
+
+        //    var marker = new google.maps.Marker({
+        //        position: myLatLng,
+        //        map: map,
+        //        title: title
+        //    }); 
+        //}
+        var geocoder; 
+        function initialize() {
+            geocoder = new google.maps.Geocoder();
+                var myLatLng = { lat: parseFloat(getQueryVariable("lat")), lng: parseFloat(getQueryVariable("lng")) };
+                var title = '';
+                if (getQueryVariable("title")) {
+                    title = getQueryVariable("title");
+                    document.getElementById("p1").innerHTML = title.replace('%20', ' ');
+                }
+                map = new google.maps.Map(document.getElementById('map-canvasPart'), {
+                    zoom: 16,
+                    center: myLatLng
+                });
+                codeAddress();
+        }
+
+        function codeAddress() {
+            //debugger;
+            var address = getQueryVariable("address");
+            geocoder.geocode({ 'address': address }, function (results, status) {
+                if (status == google.maps.GeocoderStatus.OK) {
+                    map.setCenter(results[0].geometry.location);
+                    var marker = new google.maps.Marker({
+                        map: map,
+                        position: results[0].geometry.location
+                    });
+                } else {
+                        var marker = new google.maps.Marker({
+                            position: myLatLng,
+                            map: map,
+                            title: title
+                        }); 
+                }
+            });
+        }
+        google.maps.event.addDomListener(window, 'load', initialize);
+
+        function getQueryVariable(variable) {
+            var query = window.location.search.substring(1);
+            var vars = query.split("&");
+            for (var i = 0; i < vars.length; i++) {
+                var pair = vars[i].split("=");
+                if (pair[0] == variable) { return pair[1]; }
+            }
+            return (false);
+        }
+</script>
+</html>