Support Forum

Home Forums Parasponsive HTML Markers Google Maps

All Wordpress Themes

This topic contains 9 replies, has 2 voices, and was last updated by  Support Team 4 1 year, 7 months ago.

  • Author
    Posts
  • #23110

    Web75
    Participant

    Hi,
    what code I enter to see the markers Map (balloon) of the area?

    Thanks

    • This topic was modified 1 year, 7 months ago by  Web75.
  • #23112

    Support Team 4
    Participant

    Hello, Web75!
    You can just copy address from google maps. http://prntscr.com/8lfaaz

  • #23113

    Web75
    Participant

    Hi,
    thanks for your answer fast. 🙂

    I entered the coordinates into the code, but does not show the marker.
    I have to insert a line of code to make it tick?
    Thanks

  • #23114

    Support Team 4
    Participant

    You should to insert address, not code. http://prntscr.com/8lfvd1

  • #23115

    Web75
    Participant

    Hello, I work with the HTML version is not with WP.
    The code I have is this, and does not check the markers:

    <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
                                        <script type="text/javascript">
                                        
                                        var centerNL = new google.maps.LatLng(45.050249, 9.704916);
    									
                                        var myOptions = {
                                          zoom: 15,
                                          center: centerNL,
                                          mapTypeId: google.maps.MapTypeId.ROADMAP,
                                          mapTypeControl: true,
                                          navigationControl: true,
    									  navigationControlOptions: {
                                          style: google.maps.NavigationControlStyle.ZOOM_PAN,
                                          position: google.maps.ControlPosition.TOP_RIGHT
                                          }
                                        };
    									                                    
                                        map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
                                        </script>
  • #23116

    Support Team 4
    Participant

    Oh, sorry.
    I need check it first.

  • #23117

    Web75
    Participant

    Ok, thanks!

  • #23118

    Support Team 4
    Participant

    In file index.html you should add after code map = new google.maps.Map(document.getElementById('map_canvas'), myOptions); new code:

                                        var marker = new google.maps.Marker({
                                            position: {lat: 40.545809, lng: -74.552222},
                                            map: map,
                                            title: 'Hello World!'
                                        });

    Where position is your coordinates of marker(not necessarily equal to the coordinates on the map) and map it’s name of map in code.
    See http://prntscr.com/8lgbux

  • #23119

    Web75
    Participant

    Fantastic, work!!!
    Thank You!!!

  • #23120

    Support Team 4
    Participant

    You are welcome!
    If you do not complicate, you can set rating of this theme on site themeforest.net. This will be the best reward for us.

The topic ‘Markers Google Maps’ is closed to new replies.