I receive Error: Pixel project matrix not invertible and this.state.viewport for map does not changeMapbox geocoder results don't always have boundsManaging jQuery plugin dependency in webpackExternal react component cannot see React.Componentreact-google-maps does not workwebpack + express.js doesn't load bundle.jsreact-router tutorial not working on macHow to implement address search (react-geocoder?) in combination with react-map-gl (DeckGL)Error 404 bundle.js not found - Spring Data Rest and React.jsFlask does not see React's 'bundle.js', only 'index.html'Uncaught Error: Target container is not a DOM element or React component won't render

Is it error of law to judge on less relevant case law when there is much more relevant one?

When I cite content from a book, should I say "section 2.3.2.1 of book... " or "section 2.3.2.1 of `the` book ..."?

Name These Animals

Dual nationality and return to US the day the US Passport expires

How to store my pliers and wire cutters on my desk?

Incrementing add under condition in pandas

What container to use to store developer concentrate?

Exploiting the delay when a festival ticket is scanned

Comparisons of a general truth

Can I change the license of a forked project to the MIT if the license of the parent project has changed from the GPL to the MIT?

World of (nearly) identical snowflakes

Finding the Maximum of a Continuous Function over a Closed Interval

How could Nomadic scholars effectively memorize libraries worth of information

Summoning A Technology Based Demon

How did the Axis intend to hold the Caucasus?

Why is the number of local variables used in a Java bytecode method not the most economical?

Can a US President, after impeachment and removal, be re-elected or re-appointed?

What are the closest international airports in different countries?

How did the SysRq key get onto modern keyboards if it's rarely used?

Why does the Eurostar not show youth pricing?

Why is it considered acid rain with pH <5.6?

Do the books ever say oliphaunts aren’t elephants?

How to access HTML input values from Twig and vice versa

Why did Windows 95 crash the whole system but newer Windows only crashed programs?



I receive Error: Pixel project matrix not invertible and this.state.viewport for map does not change


Mapbox geocoder results don't always have boundsManaging jQuery plugin dependency in webpackExternal react component cannot see React.Componentreact-google-maps does not workwebpack + express.js doesn't load bundle.jsreact-router tutorial not working on macHow to implement address search (react-geocoder?) in combination with react-map-gl (DeckGL)Error 404 bundle.js not found - Spring Data Rest and React.jsFlask does not see React's 'bundle.js', only 'index.html'Uncaught Error: Target container is not a DOM element or React component won't render






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








0















I have Geocoder component for mapbox(see Map.jsx file) and when I search for example(type in search input) 'Kyiv', it works well, but 'Kenya' does not, and throws an error in console.
I use react-map-gl-geocoder in my project
Here is link to my code: https://github.com/NetisGod/Viewpoints-issue



I can't understand why some cities work, but another doesn't



Error that throws in console:



Uncaught Error: Pixel project matrix not invertible
at WebMercatorViewport.Viewport (bundle.js:93669)
at new WebMercatorViewport (bundle.js:94106)
at fitBounds (bundle.js:88838)
at EventEmitter.Geocoder._this.handleResult (bundle.js:88997)
at EventEmitter../node_modules/events/events.js.EventEmitter.emit (bundle.js:8857)
at MapboxGeocoder._onChange (bundle.js:1932)
at Suggestions../node_modules/suggestions/src/suggestions.js.Suggestions.value (bundle.js:143620)
at List../node_modules/suggestions/src/list.js.List.handleMouseUp (bundle.js:143415)
at List.<anonymous> (bundle.js:143409)


I need to make Geocoder search for mapbox work properly.










share|improve this question
























  • Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

    – AndrewHarvey
    Mar 27 at 13:08

















0















I have Geocoder component for mapbox(see Map.jsx file) and when I search for example(type in search input) 'Kyiv', it works well, but 'Kenya' does not, and throws an error in console.
I use react-map-gl-geocoder in my project
Here is link to my code: https://github.com/NetisGod/Viewpoints-issue



I can't understand why some cities work, but another doesn't



Error that throws in console:



Uncaught Error: Pixel project matrix not invertible
at WebMercatorViewport.Viewport (bundle.js:93669)
at new WebMercatorViewport (bundle.js:94106)
at fitBounds (bundle.js:88838)
at EventEmitter.Geocoder._this.handleResult (bundle.js:88997)
at EventEmitter../node_modules/events/events.js.EventEmitter.emit (bundle.js:8857)
at MapboxGeocoder._onChange (bundle.js:1932)
at Suggestions../node_modules/suggestions/src/suggestions.js.Suggestions.value (bundle.js:143620)
at List../node_modules/suggestions/src/list.js.List.handleMouseUp (bundle.js:143415)
at List.<anonymous> (bundle.js:143409)


I need to make Geocoder search for mapbox work properly.










share|improve this question
























  • Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

    – AndrewHarvey
    Mar 27 at 13:08













0












0








0








I have Geocoder component for mapbox(see Map.jsx file) and when I search for example(type in search input) 'Kyiv', it works well, but 'Kenya' does not, and throws an error in console.
I use react-map-gl-geocoder in my project
Here is link to my code: https://github.com/NetisGod/Viewpoints-issue



I can't understand why some cities work, but another doesn't



Error that throws in console:



Uncaught Error: Pixel project matrix not invertible
at WebMercatorViewport.Viewport (bundle.js:93669)
at new WebMercatorViewport (bundle.js:94106)
at fitBounds (bundle.js:88838)
at EventEmitter.Geocoder._this.handleResult (bundle.js:88997)
at EventEmitter../node_modules/events/events.js.EventEmitter.emit (bundle.js:8857)
at MapboxGeocoder._onChange (bundle.js:1932)
at Suggestions../node_modules/suggestions/src/suggestions.js.Suggestions.value (bundle.js:143620)
at List../node_modules/suggestions/src/list.js.List.handleMouseUp (bundle.js:143415)
at List.<anonymous> (bundle.js:143409)


I need to make Geocoder search for mapbox work properly.










share|improve this question














I have Geocoder component for mapbox(see Map.jsx file) and when I search for example(type in search input) 'Kyiv', it works well, but 'Kenya' does not, and throws an error in console.
I use react-map-gl-geocoder in my project
Here is link to my code: https://github.com/NetisGod/Viewpoints-issue



I can't understand why some cities work, but another doesn't



Error that throws in console:



Uncaught Error: Pixel project matrix not invertible
at WebMercatorViewport.Viewport (bundle.js:93669)
at new WebMercatorViewport (bundle.js:94106)
at fitBounds (bundle.js:88838)
at EventEmitter.Geocoder._this.handleResult (bundle.js:88997)
at EventEmitter../node_modules/events/events.js.EventEmitter.emit (bundle.js:8857)
at MapboxGeocoder._onChange (bundle.js:1932)
at Suggestions../node_modules/suggestions/src/suggestions.js.Suggestions.value (bundle.js:143620)
at List../node_modules/suggestions/src/list.js.List.handleMouseUp (bundle.js:143415)
at List.<anonymous> (bundle.js:143409)


I need to make Geocoder search for mapbox work properly.







javascript reactjs maps mapbox mapbox-gl-js






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Mar 26 at 19:34









Антон ОнищенкоАнтон Онищенко

298 bronze badges




298 bronze badges















  • Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

    – AndrewHarvey
    Mar 27 at 13:08

















  • Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

    – AndrewHarvey
    Mar 27 at 13:08
















Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

– AndrewHarvey
Mar 27 at 13:08





Are you sure it is passing into fit bound a bbox in the correct order and with coordinates within the bounds of web mercator lat long?

– AndrewHarvey
Mar 27 at 13:08












1 Answer
1






active

oldest

votes


















0














The solution was strange. Interestingly enough, I had set a height and width on the MapGL component and it looks like removing this and adding it in the viewport state object fixed my issue.






share|improve this answer
























    Your Answer






    StackExchange.ifUsing("editor", function ()
    StackExchange.using("externalEditor", function ()
    StackExchange.using("snippets", function ()
    StackExchange.snippets.init();
    );
    );
    , "code-snippets");

    StackExchange.ready(function()
    var channelOptions =
    tags: "".split(" "),
    id: "1"
    ;
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function()
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled)
    StackExchange.using("snippets", function()
    createEditor();
    );

    else
    createEditor();

    );

    function createEditor()
    StackExchange.prepareEditor(
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader:
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    ,
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    );



    );













    draft saved

    draft discarded


















    StackExchange.ready(
    function ()
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55365002%2fi-receive-error-pixel-project-matrix-not-invertible-and-this-state-viewport-for%23new-answer', 'question_page');

    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    0














    The solution was strange. Interestingly enough, I had set a height and width on the MapGL component and it looks like removing this and adding it in the viewport state object fixed my issue.






    share|improve this answer





























      0














      The solution was strange. Interestingly enough, I had set a height and width on the MapGL component and it looks like removing this and adding it in the viewport state object fixed my issue.






      share|improve this answer



























        0












        0








        0







        The solution was strange. Interestingly enough, I had set a height and width on the MapGL component and it looks like removing this and adding it in the viewport state object fixed my issue.






        share|improve this answer













        The solution was strange. Interestingly enough, I had set a height and width on the MapGL component and it looks like removing this and adding it in the viewport state object fixed my issue.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Mar 27 at 17:24









        Антон ОнищенкоАнтон Онищенко

        298 bronze badges




        298 bronze badges





















            Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.







            Got a question that you can’t ask on public Stack Overflow? Learn more about sharing private information with Stack Overflow for Teams.



















            draft saved

            draft discarded
















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid


            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.

            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55365002%2fi-receive-error-pixel-project-matrix-not-invertible-and-this-state-viewport-for%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

            Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

            Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript