Smashinglabs

Sebastian Poręba's blog

gMap 3.3.0 released

Christmas came early! New version of gMap is ready!

As always, you can download it from github.

I had a lot of feature requests since last version and I hope I covered them all.
Here is what’s new in 3.3.0:

  • clustering
  • fixAfterResize – fixing issues with loading gMaps in tabs
  • changeSettings – works with most of initial options
  • mapclick(callback) – bind for map click event
  • geocode(address, callback) – shorthand for geocoding
  • draggable markers (thanks to theMarvin)

I’m getting close to the point where I’ll consider gMap completed. Now it’s just about the time to improve documentation, which is still in 3.1.0 (sorry for that) and to complete test coverage.

I’d like to share a link to Magic Gallery WordPress Plugin: http://www.magicgalleryplugin.com/ It uses gMap and has a very nice design.

If you want to support my work and make my Christmas even better, please consider donating (button on the right sidebar).

That’s all the news, merry Christmas everyone!

6 Responses so far.

  1. Gport says:

    Thanks for the linkback guys :) Great work on the gMap again!

  2. Carl says:

    Hi, ZOOM does not seem to work any more.
    It always zooms to the maximum.
    Do you need an example page?

    My code that calls the plugin:
    $(“#MAP1″).gMap({
    address: ‘Kaddenbusch 21, 25578 Dägeling’,
    markers: [{ address: 'Kaddenbusch 21, 25578 Dägeling',
    html: 'Kaddenbusch 2125578 Dägeling',
    popup: false }],
    zoom: 8,
    maptype: google.maps.MapTypeId.ROADMAP,
    mapTypeControl: false,
    zoomControl: true,
    panControl: false,
    scaleControl: true,
    streetViewControl: false,
    scrollwheel: false
    });

    • Sebastian Poręba says:

      It does work, but the location you specified can’t be found by google maps. It may be a charset issue with ‘ä’, I tried your config with “Dageling” and it worked fine.

      A quick way to fix that is to type $(“#MAP1″).gMap(‘geocode’, ‘Kaddenbusch 21, 25578 Dageling’, function(location) {console.log(location);}); in your console, check marker lat/lng and use them in config. It’s faster/better/fancier anyway.

      • Carl says:

        Hi Sebastian,
        thanks for looking at the issue.
        Actually Google found the right spot, if I zoom out, the place is 100% correct – just the zoom level does not work since 3.3.0 (things worked fine was in 3.2.0).

        Lat/Lang might be a cool workaround but I am not sure about the results, now it looks like it found the place (again) but zoomed out to much (not level 8):

        Maybe it has to do with gmap new zoom features or something has changed with the setup and my code is wrong? I am using it with Jquery 1.7.1.

        <!–
        $(document).ready(function() {
        $("#MAP1").gMap({
        latitude: 53.878113,
        longitude: 9.532103,
        markers: [{
        latitude: 53.878113,
        longitude: 9.532103,
        html: 'Kaddenbusch 2125578 Dägeling',
        popup: false }],
        zoom: 8,
        maptype: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: false,
        zoomControl: true,
        panControl: false,
        scaleControl: true,
        streetViewControl: false,
        scrollwheel: false // letztes Element kein Komma
        });
        });

        • Carl says:

          sorry, the zoom level IS at 8, so lat/lang works!

          • Sebastian Poręba says:

            Funny thing is that I tried “Dägeling”, it didn’t work, changed to “Dageling” which worked and back “Dägeling” which worked this time. Using address is a lottery, that’s why coords are better. It’s quite improbable they ever change ;)


  • RSS
  • Facebook
  • Twitter

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"] Joined or separated? Think about the way we play Tetris. ...

3D Tetris with Three

[include file="ThreejsTetrisMenu.php"] Preparation First you need to download Three.js: https://github.com/mrdoob/three.js I also use Stats ...

gMap 3.3.0 released

As always, you can download it from github. I had a ...

JavaScript performan

Trace JIT is no more I was surprised by the news that trace ...

Lecture for GTUG: Ja

My main topics were: Optimization in general DOM Reflow/repaint Garbage collector JIT Google Closure (Compiler/Tools/Library) You can ...

gMap 3.3.0 released

As always, you can download it from github. I had a ...

Lecture for GTUG: Ja

My main topics were: Optimization in general DOM Reflow/repaint Garbage collector JIT Google Closure (Compiler/Tools/Library) You can ...

Unit testing for jQu

In part 1 I described basics of unit testing in ...

Unit testing for jQu

There are few testing frameworks dedicated for frontend that are ...

What do we need for

Contents Better graphics Involve desktop game developers Easier animations Code like in C++ Fix WebGL Write ...