topic Google Maps Widget in Software Archive

Google Maps Widget

Andrejs_V_ — Tue, 28 Jun 2016 12:28:36 GMT

Hi, All!

Is any tutorials for correct marker adding/modifying in Google Map widget?

I create 2 buttons in test projects

1 button for geolocation (I set up geolocation plug-in & and he is work ok)

2. set up new location

it's also ok

But when I try add marker(s) nothing happenns :(

============================

google maps API key is and work ok

that's is my code for button1 & button2

 var longit=40.000;
 var latit=-100.000;
     
    
     
     /* button  My Location */
    $(document).on("click", ".uib_w_11", function(evt)
    {
        /* your code goes here */ 
        
           navigator.geolocation.getCurrentPosition(function(position){
                longit=position.coords.latitude;
                latit=position.coords.longitude;
                alert('Latitude: '          + position.coords.latitude          + '\n' +
                      'Longitude: '         + position.coords.longitude                              
                     )});
        
              
         return false;
    });
     
    
        /* button  Button */
    $(document).on("click", ".uib_w_12", function(evt)
    {
        /* your code goes here */ 
        
         var myLatlng = new google.maps.LatLng(longit,latit);
         var mapOptions = {
                        zoom: 4,
                        center: myLatlng
                        }
         
         var marker = new google.maps.Marker({
                position: myLatlng,
                title:"Hello World!"
                });
         
        
         var mymap = googleMaps.getObjectBySelector('#gmap');
        
        
        /* Working code */
         mymap.setCenter(new google.maps.LatLng(longit, latit)); 
       

        /* Not working code */
         mymap.createMarker(marker); 
       
         marker.setMap(mymap);
         
                  
        
         return false;
        
    });

====================================================

Or, maybe , any can to see how to use functions

createMarker

createMarkers

from google_maps.js ?

Thanks for answers

Andrejs,

Pamela_H_Intel — Wed, 29 Jun 2016 19:59:32 GMT

Andrejs,

Take a look at the Geolocation sample app in XDK (PROJECTS: Samples and Demos --> General --> Geolocation Demonstration)

Pamela

Thanks for answer!

Andrejs_V_ — Wed, 29 Jun 2016 20:23:17 GMT

Thanks for answer!

I took a look at this sample. And I can manage map throought Googla MAPS JavaScript API.

But it is not so "visual" with "hand-make" <div for map> in App Designer enviroment.

May be any can put some samples for standart operation with widgets?

Create marker(s), Calculate distance , geocoding &etc. ?

Some simple samples ?

Andrejs -- our support is

PaulF_IntelCorp — Fri, 01 Jul 2016 22:49:52 GMT

Andrejs -- our support is limited to helping you with the mechanics of debugging and building Cordova apps with the XDK. We are not staffed to provide samples and support for general HTML5 questions. For that we recommend you use StackOverflow, W3 Schools, HTML5 Rocks, etc.