Google Maps UDF

dantay9 · June 7, 2010

I agree with JRowe, it would be great to take a more direct approach by using the provided COM interface. Aside from that, great job using Google Earth. Keep up the good work!

AdamCollet · June 7, 2010

If interested, you can add this function:

Func _GuiCtrlGoogleMap_AddTraffic()

$gmap.document.parentwindow.execScript("var trafficLayer = new google.maps.TrafficLayer();"&@CRLF&"trafficLayer.setMap(map);"&@CRLF)

Return True

EndFunc

Also, I added the following (the center line, above and below given for context):

" center: latlng," & @CRLF & _

" mapTypeControl: true," & @CRLF & _

" mapTypeId: google.maps.MapTypeId.ROADMAP" & @CRLF & _

that enables map type control per Hawkwing's request.

Werty · June 7, 2010

Yes, exactly what I meant also, the GE COM API and googleearth.exe, not the java/plugin type, though thanks for the efforts, I'm sure it can come in handy for other projects, just not the one I have in mind atm.

AdamCollet · June 7, 2010

So I made the following changes (again with some context to help identify where it goes), but it's not working. I get an error that the action has failed with the object - presumably because of a javascript error somewhere. Anyway, I post it here in case anyone knows what the fix might be / to help get Sean started if he wants to implement it.

"  var markersArray = [];" & @CRLF & _
        "  var directionsDisplay;" & @CRLF & _
        "  var directionsService = new google.maps.DirectionsService();" & @CRLF & _
        "  function initialize() {" & @CRLF & _
        "    directionsDisplay = new google.maps.DirectionsRenderer();" & @CRLF & _
        "    var latlng = new google.maps.LatLng(" & $latlng[0] & "," & $latlng[1] & ");" & @CRLF & _
        "    var myOptions = {" & @CRLF & _
        "      zoom: " & $zoom & "," & @CRLF & _
        "      center: latlng," & @CRLF & _
        "      mapTypeControl: true," & @CRLF & _
        "      mapTypeId: google.maps.MapTypeId.ROADMAP" & @CRLF & _
        "    };" & @CRLF & _
        "    map = new google.maps.Map(document.getElementById(""map_canvas""), myOptions);" & @CRLF & _
        "    directionsDisplay.setMap(map);" & @CRLF & _
        "    if (" & StringLower($marker) & ") {" & @CRLF & _






        "  function zoom_map(scale) {" & @CRLF & _
        "    map.setZoom(scale);" & @CRLF & _
        "  }" & @CRLF & _
        "  function calcRoute(start,end,mode) {" & @CRLF & _
             "mode = mode || 'google.maps.DirectionsTravelMode.DRIVING';" & @CRLF & _
             "var request = {"  & @CRLF & _
             "  origin:start, "  & @CRLF & _
             "  destination:end,"  & @CRLF & _
             "  travelMode:mode" & @CRLF & _
             "};"  & @CRLF & _
             "directionsService.route(request, function(result, status) {" & @CRLF & _
             "  if (status == google.maps.DirectionsStatus.OK) {" & @CRLF & _
             "      directionsDisplay.setDirections(result);" & @CRLF & _
             "  }" & @CRLF & _
             "});" & @CRLF & _
        "  }" & @CRLF & _
        "</script>" & @CRLF & _



;Need to add unitSystem, waypoints, optimizeWaypoints, provideRouteAlternatives, avoidHighways, avoidTolls and region
Func _GuiCtrlGoogleMap_GetDirections($start,$end,$mode="google.maps.DirectionsTravelMode.DRIVING")
    $gmap.document.parentwindow.execScript("calcRoute("&$start&","&$end&","&$mode&");")
    Return True
EndFunc

AdamCollet · June 7, 2010

OK I got directions working (though no text directions, still not sure on that).

Here's the complete initialization function with my modifications (includes adding traffic and map type control):

func _GUICtrlGoogleMap_Create(ByRef $gmap, $left, $top, $width, $height, $address, $zoom = 8, $marker = True)

    Local $latlng[2]

    $latlng = _GUICtrlGoogleMap_GetLatLng($address)

    Local Const $html = _
        "<html>" & @CRLF & _
        "<head>" & @CRLF & _
        "<meta name=""viewport"" content=""initial-scale=1.0, user-scalable=no"" />" & @CRLF & _
        "<meta http-equiv=""content-type"" content=""text/html; charset=UTF-8""/>" & @CRLF & _
        "<script type=""text/javascript"" src=""http://maps.google.com/maps/api/js?sensor=false""></script>" & @CRLF & _
        "<script type=""text/javascript"">" & @CRLF & _
        "  var map;" & @CRLF & _
        "  var markersArray = [];" & @CRLF & _
        "  var directionDisplay;" & @CRLF & _
        "  var directionsService = new google.maps.DirectionsService();" & @CRLF & _
        "  var routestart;" & @CRLF & _
        "  var routeend;"  & @CRLF & _
        "  function initialize() {" & @CRLF & _
        "    directionsDisplay = new google.maps.DirectionsRenderer();" & @CRLF & _
        "    var latlng = new google.maps.LatLng(" & $latlng[0] & "," & $latlng[1] & ");" & @CRLF & _
        "    var myOptions = {" & @CRLF & _
        "      zoom: " & $zoom & "," & @CRLF & _
        "      center: latlng," & @CRLF & _
        "      mapTypeControl: true," & @CRLF & _
        "      mapTypeId: google.maps.MapTypeId.ROADMAP" & @CRLF & _
        "    };" & @CRLF & _
        "    map = new google.maps.Map(document.getElementById(""map_canvas""), myOptions);" & @CRLF & _
        "    directionsDisplay.setMap(map);" & @CRLF & _
        "    if (" & StringLower($marker) & ") {" & @CRLF & _
        "      addMarker(" & $latlng[0] & "," & $latlng[1] & ");" & @CRLF & _
        "    }" & @CRLF & _
        "  }" & @CRLF & _
        "  function addMarker(lat, lng, icon_url) {" & @CRLF & _
        "    var location = new google.maps.LatLng(lat, lng);" & @CRLF & _
        "    marker = new google.maps.Marker({" & @CRLF & _
        "      position: location," & @CRLF & _
        "      map: map," & @CRLF & _
        "      icon: icon_url" & @CRLF & _
        "    });" & @CRLF & _
        "    markersArray.push(marker);" & @CRLF & _
        "  }" & @CRLF & _
        "  function clearMarkers() {" & @CRLF & _
        "    if (markersArray) {" & @CRLF & _
        "      for (i in markersArray) {" & @CRLF & _
        "        markersArray[i].setMap(null);" & @CRLF & _
        "      }" & @CRLF & _
        "    }" & @CRLF & _
        "  }" & @CRLF & _
        "  function showMarkers() {" & @CRLF & _
        "    if (markersArray) {" & @CRLF & _
        "      for (i in markersArray) {" & @CRLF & _
        "        markersArray[i].setMap(map);" & @CRLF & _
        "      }" & @CRLF & _
        "    }" & @CRLF & _
        "  }" & @CRLF & _
        "  function deleteMarkers() {" & @CRLF & _
        "    if (markersArray) {" & @CRLF & _
        "      for (i in markersArray) {" & @CRLF & _
        "        markersArray[i].setMap(null);" & @CRLF & _
        "      }" & @CRLF & _
        "      markersArray.length = 0;" & @CRLF & _
        "    }" & @CRLF & _
        "  }" & @CRLF & _
        "  function viewMarkers() {" & @CRLF & _
        "    if (markersArray) {" & @CRLF & _
        "      var latlngbounds = new google.maps.LatLngBounds();" & @CRLF & _
        "      for (i in markersArray) {" & @CRLF & _
        "        latlngbounds.extend(markersArray[i].getPosition());" & @CRLF & _
        "      }" & @CRLF & _
        "      map.fitBounds(latlngbounds);" & @CRLF & _
        "    }" & @CRLF & _
        "  }" & @CRLF & _
        "  function move_map(lat, lng) {" & @CRLF & _
        "    var latlng = new google.maps.LatLng(lat, lng);" & @CRLF & _
        "    map.setCenter(latlng);" & @CRLF & _
        "  }" & @CRLF & _
        "  function zoom_map(scale) {" & @CRLF & _
        "    map.setZoom(scale);" & @CRLF & _
        "  }" & @CRLF & _
        "  function calcRoute() {" & @CRLF & _
             "var request = {"  & @CRLF & _
             "  origin: routestart, "  & @CRLF & _
             "  destination: routeend, "  & @CRLF & _
             "  travelMode: google.maps.DirectionsTravelMode.DRIVING" & @CRLF & _
             "};"  & @CRLF & _
             "directionsService.route(request, function(response, status) {" & @CRLF & _
             "  if (status == google.maps.DirectionsStatus.OK) {" & @CRLF & _
             "      directionsDisplay.setDirections(response);" & @CRLF & _
             "  }" & @CRLF & _
             "});" & @CRLF & _
        "  }" & @CRLF & _
        "</script>" & @CRLF & _
        "</head>" & @CRLF & _
        "<body style=""margin:0px; padding:0px;"" onload=""initialize()"">" & @CRLF & _
        "<div id=""map_canvas"" style=""width:100%; height:100%""></div>" & @CRLF & _
        "</body>" & @CRLF & _
        "</html>"

    $gmap = _IECreateEmbedded ()
    $gmap_ctrl = GUICtrlCreateObj($gmap, $left, $top, $width, $height)
    _IENavigate($gmap, "about:blank")
    _IEDocWriteHTML($gmap, $html)
    $gmap.refresh()
    _IELoadWait($gmap)
    $gmap.document.body.scroll = "no"
    Return $gmap_ctrl
EndFunc

And here is the function to call it:

;Need to add unitSystem, waypoints, optimizeWaypoints, provideRouteAlternatives, avoidHighways, avoidTolls and region
Func _GuiCtrlGoogleMap_GetDirections($routestart,$routeend)
    $gmap.document.parentwindow.execScript("routestart = '"&$routestart&"';"&@CRLF&"routeend = '"&$routeend&"';"&@CRLF&"calcRoute();")
    Return True
EndFunc

Enjoy.

Regarding traffic: you can make custom controls ... it might be good to make a traffic on/off control and put it on the map. Otherwise, a gui button could also be used.

AdamCollet · June 7, 2010

Got directions. Kind of. It gives markers which when you click show the directions. An interesting solution.

"  function zoom_map(scale) {" & @CRLF & _
        "    map.setZoom(scale);" & @CRLF & _
        "  }" & @CRLF & _
        "  function calcRoute() {" & @CRLF & _
             "var request = {"  & @CRLF & _
             "  origin: routestart, "  & @CRLF & _
             "  destination: routeend, "  & @CRLF & _
             "  travelMode: google.maps.DirectionsTravelMode.DRIVING" & @CRLF & _
             "};"  & @CRLF & _
             "directionsService.route(request, function(response, status) {" & @CRLF & _
             "  if (status == google.maps.DirectionsStatus.OK) {" & @CRLF & _
             "      directionsDisplay.setDirections(response);" & @CRLF & _
             "      showSteps(response);" & @CRLF & _
             "  }" & @CRLF & _
             "});" & @CRLF & _
        "  }" & @CRLF & _
        "  function showSteps(directionResult) {" & @CRLF & _
             "var myRoute = directionResult.routes[0].legs[0];" & @CRLF & _
             "for (var i = 0; i < myRoute.steps.length; i++) {" & @CRLF & _
                "var marker = new google.maps.Marker({ position: myRoute.steps[i].start_point, map: map});" & @CRLF & _
                "attachInstructionText(marker, myRoute.steps[i].instructions);" & @CRLF & _
             "}" & @CRLF & _
        "  }" & @CRLF & _
        "  function attachInstructionText(marker, text) {" & @CRLF & _
             "google.maps.event.addListener(marker,'click',function() {"
$html=$html & _
                "stepDisplay.setContent(text);" & @CRLF & _
                "stepDisplay.open(map, marker);" & @CRLF & _
             "});" & @CRLF & _
        "  }" & @CRLF & _
        "</script>" & @CRLF & _

seangriffin · June 8, 2010

I agree with JRowe, it would be great to take a more direct approach by using the provided COM interface. Aside from that, great job using Google Earth. Keep up the good work!

I think I'm going to draw a line in the sand, so to speak, and restrict this UDF to AutoIT control implementations only. The intent I had in starting this UDF was to enable the embedding of Google Maps within an AutoIT GUI, such that they can be included in within applications.

I like the idea of the COM interface to the Google Earth app. itself, and would have good implications for automation of GE, but I'm not going to go that far in this UDF. This is not really an automation UDF.

Maybe someone out there would like to start a COM based UDF for Google Earth?

Edited June 8, 2010 by seangriffin

seangriffin · June 8, 2010

You should add a function to change the view style, map, satellite, hybrid, terrain.

I'll add some Google Map control functionality to the UDF. Good call.

seangriffin · June 8, 2010

Version 0.3 is now available for download.

Changes include:

Improved performance in "_GUICtrlGoogleMap_Create" by moving 'document.body.scroll = "no"' to the html onload event, and removing _IELoadWait.
Added 4 new parameters ($map_type, $navigation_style, $scale_style, $map_type_style) to "_GUICtrlGoogleMap_Create" for initializing map type and map controls.
Added the function "_GUICtrlGoogleMap_SetMapType" for changing map type.
Added a "Hide Map" checkbox to the example, to demonstrate the use of $gmap_ctrl.
Changed the $hide_markers_button and $show_markers_button controls in the example to a checkbox.

The main point of this release was to get map types and map controls implemented into the UDF (as requested by Hawkwing). See the updated example in the first post.

Edited June 8, 2010 by seangriffin

Werty · June 8, 2010

I think I'm going to draw a line in the sand, so to speak, and restrict this UDF to AutoIT control implementations only. The intent I had in starting this UDF was to enable the embedding of Google Maps within an AutoIT GUI, such that they can be included in within applications.
I like the idea of the COM interface to the Google Earth app. itself, and would have good implications for automation of GE, but I'm not going to go that far in this UDF. This is not really an automation UDF.
Maybe someone out there would like to start a COM based UDF for Google Earth?

No problem, atleast not now where I've figured it out myself

I didnt really need it for automation, but for extracting (lat,lng and alt) from GE.exe, but I got it working.

I'll post a small example in a new thread as soon as I'm allowed (5 posts, only got 4 atm :mellow: )

/edit

Link to COM API example...

http://www.autoitscript.com/forum/index.php?showtopic=115566

Edited June 11, 2010 by Werty

seangriffin · June 10, 2010

Version 0.4 is now available for download.

Changes include:

Updated the function "_GUICtrlGoogleMap_Create" to add Javascript for calculating directions. Also had to split $html, because it's definition was too large causing a runtime error.
Changed the Main GUI of the example to include tabs.
Added a Directions tab in the example, with many Directions related controls.
Added the functions "_GUICtrlGoogleMap_AddRoute" and "_GUICtrlGoogleMap_GetRoute".

This is quite a big update, to add route / direction functions to the UDF. Routes can now be drawn / rendered on the map, and the textual directions themselves can be returned (like "turn left at Hunter Street, drive 180 meters").

mrmacadamia · June 10, 2010

I really loving it because it perfectly run on my system on my first attempt to run this script!

pierrotm777 · June 12, 2010

Wonderfull job.

I sought for a long time some autoit script around Google Maps and Google Earth .

A traffic button and function and a streetview button and function would be cool in fact !

Thanks very much

Edited June 12, 2010 by pierrotm777

pierrotm777 · June 12, 2010

Is it possible to create several functions that:

1- read a xml poi files

2- create a xml poi files

3- read a kml file

4- create a kml file

Thanks

seangriffin · June 12, 2010

Wonderfull job.
I sought for a long time some autoit script around Google Maps and Google Earth .
A traffic button and function and a streetview button and function would be cool in fact !
Thanks very much

Doesn't sound too hard (famous last words) :mellow:

Might make this my next task, since it's been requested a few times, and AdamCollet has got some code here already I see.

seangriffin · June 12, 2010

Is it possible to create several functions that:
1- read a xml poi files
2- create a xml poi files
3- read a kml file
4- create a kml file
Thanks

Sounds hard :mellow: Will check it out sometime, but might not be too soon.

pierrotm777 · June 14, 2010

Doesn't sound too hard (famous last words)
Might make this my next task, since it's been requested a few times, and AdamCollet has got some code here already I see.

Yes, but i have tried to add himself his code but i obtain nothing!

If you can add that , i say you big thanks

Edited June 14, 2010 by pierrotm777

tito · June 17, 2010

Thx seangriffin and contributors for this wonderfull UDF!

I'm working on a simplified 'Travelling Salesman' tool using GoogleMaps and this UDF makes it a lot easier.

pierrotm777 · June 18, 2010

Thx seangriffin and contributors for this wonderfull UDF!
I'm working on a simplified 'Travelling Salesman' tool using GoogleMaps and this UDF makes it a lot easier.

If you accep to share your job i should like to see how it run ?

Thanks

tito · August 9, 2010

If you accep to share your job i should like to see how it run ?
Thanks

I'll post something when I have a working version.

Basicly, I use this UDF to put all distance data into a sqlite database. Then use this data to match destinations...

Google Maps UDF

Recommended Posts

Link to comment

Share on other sites

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

seangriffin

Posted Images

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members