无法在视图中加载映射

将javascript更改为

$(document).ready(function () {
    function submitMe(selector) {
        //alert(selector);
        $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>" + "index.php/locationcontroller/getLocation",
            data: { location: selector },
            //success: function (longitude) {
            error: function (longitude) { // error because jsfiddle doesn't support ajax
                //alert(selector);
                longitude = "1.0001203013 12.0000001";
                locate = longitude.split(" ");
                latlong(locate[0], locate[1]);
            }
        });
    }
    $('#address').blur(function () {
        var add = $('#address').val();
        // alert(add);
        submitMe(add);
    });

});
function latlong(lat, long) {
    alert(lat);
    alert(long);
    var myLatlng = new google.maps.LatLng(lat, long);
    initialize(myLatlng);
}
// RELEVANT CHANGE: move initialize function outside of latlng, and receives the coordinates as parameter.
function initialize(myLatlng) {
    var map;
    var marker;
    var geocoder = new google.maps.Geocoder();
    var infowindow = new google.maps.InfoWindow();
    var mapOptions = {
        zoom: 18,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("myMap"), mapOptions);
    marker = new google.maps.Marker({
        map: map,
        position: myLatlng,
        draggable: true
    });
    geocoder.geocode({ 'latLng': myLatlng }, function (results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            if (results[0]) {
                $('#latitude,#longitude').show();
                selector = results[0].formatted_address;
                $('#latitude').val(marker.getPosition().lat());
                $('#longitude').val(marker.getPosition().lng());
                infowindow.setContent(results[0].formatted_address);
                infowindow.open(map, marker);
            }
        }
    });
    google.maps.event.addListener(marker, 'dragend', function () {
        geocoder.geocode({ 'latLng': marker.getPosition() }, function (results, status) {
            if (status == google.maps.GeocoderStatus.OK) {
                if (results[0]) {
                    selector = results[0].formatted_address;
                    $('#latitude').val(marker.getPosition().lat());
                    $('#longitude').val(marker.getPosition().lng());
                    infowindow.setContent(results[0].formatted_address);
                    infowindow.open(map, marker);
                }
            }
        });
    });
}
google.maps.event.addDomListener(window, 'load', function () {
  // RELEVANT CHANGE: initialize function receives an initial value.
   var initialLatlng = new google.maps.LatLng(1.55555, 10.55555);
   initialize(initialLatlng);
});

#myMap {
   height: 350px;
   width: 680px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<form method="POST">
    <div id="myMap"></div>
    <!--<input id="" type="text" style="width:600px;"/><br/>-->
    <input type="text" id="address" name="address" />
    <input type="text" id="latitude" placeholder="Latitude"/>
    <input type="text" id="longitude" placeholder="Longitude"/>
    <input type="submit" name="submit" />
</form>