{% load leaflet_tags %}
<html>
    <head>
        {% leaflet_js %}
        {% leaflet_css %}
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
            {% leaflet_map "map" callback="main_map_init"%}

            <script type="text/javascript">
                function main_map_init(map, options) {
                    //Use Leaflet API here. 
                    var tracts_json_url = '{% url "tractsgeojson"%}?state_fips=17&county_fips=031';

                    console.log(tracts_json_url);

                    $.getJSON(tracts_json_url, function(data) {
                        var lat = data.features[0].properties.intptlat;
                        var lon = data.features[0].properties.intptlon;

                        map.panTo(new L.LatLng(lat, lon));
                        L.geoJson(data).addTo(map);
                    });
                }
            </script>
    </body>
</html>

{% load leaflet_tags %}
<html>
    <head>
        {% leaflet_js %}
        {% leaflet_css %}
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
            {% leaflet_map "map" callback="main_map_init"%}

            <script type="text/javascript">
                function main_map_init(map, options) {
                    //Use Leaflet API here. 
                    var tracts_json_url = '{% url "tractsgeojson"%}?state_fips=17&county_fips=031';

                    console.log(tracts_json_url);

                    $.getJSON(tracts_json_url, function(data) {
                        var lat = data.features[0].properties.intptlat;
                        var lon = data.features[0].properties.intptlon;

                        map.setView([lat, lon], 12);
                        L.geoJson(data).addTo(map);
                    });
                }
            </script>
    </body>
</html>

Use setView instead of panTo
Use setView instead of panTo
