• 02-05-2014, 12:13:57
    #1
    Merhaba, internet üzerinden map kordinatları seçimi için şu kodu buldum fakat kullandığım sayfa içerisindeki jquery veya diğer js dosyalarıyla çakışıyor harita kayıyor bilgisi olan arkadaşlar yardımcı olursa sevinirim.
    <link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>       
    <script type="text/javascript"
                                       src="http://maps.google.com/maps/api/js?sensor=false">
                                </script>
                                <script type="text/javascript">
                                    function initialize() {
                                        var Koordinatlar = new google.maps.LatLng(39.86156903970107,32.83813489062504);
                                        var myOptions = {
                                            zoom: 6,
                                            center: Koordinatlar,
                                            mapTypeId: google.maps.MapTypeId.HYBRID
                                        };
                                        var map = new google.maps.Map(document.getElementById("map_canvas"),
                                        myOptions);
                                        var BilgiPenceresi = new google.maps.InfoWindow(
                                        { content: 'Adres Bilgisi',
                                            size: new google.maps.Size(50,50),
                                            position: Koordinatlar
                                        });
                                        BilgiPenceresi.open(map);
                                        var Isagretci = new google.maps.Marker({
                                            map:map,
                                            draggable:true,
                                            animation: google.maps.Animation.DROP,
                                            position: Koordinatlar,
                                            icon: 'http://google-maps-icons.googlecode.com/files/factory.png'
                                        });
                                        google.maps.event.addListener(Isagretci, 'dragend', function(){
                                            Isagretci.setAnimation(google.maps.Animation.BOUNCE);
                                        });
                                        google.maps.event.addListener(map, 'click', function(event){
                                            //map.setCenter(event.latLng);
                                            BilgiPenceresi.setPosition(event.latLng);
                                            Isagretci.setPosition(event.latLng);
                                            document.forms['harita_formu'].elements['harita_zoom'].value=map.getZoom();
    document.forms['harita_formu'].elements['harita_geo'].value=event.latLng.lat()+","+event.latLng.lng();
                                        });
                                        google.maps.event.addListener(map, 'zoom_changed', function(event) {
                                            document.forms['harita_formu'].elements['harita_zoom'].value=map.getZoom();
    //document.forms['harita_formu'].elements['harita_geo'].value=event.latLng.lat()+","+event.latLng.lng();
                                        });
                                    }
                                </script>
                                <div id="map_canvas" style="width:605px; height: 400px; border:10px solid #e3e3ca"><script type="text/javascript">initialize()</script></div>
                                <input type="text" name="harita_geo" value="39.86156903970107,32.83813489062504" />
                                <input type="text" name="harita_zoom" value="6"  />
    Sayfadaki diğer js dosyaları

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="./js/jquery-ui-1.8.6.min.js"></script>
        <script src="./js/pirobox-min.js"></script>
        <script src="./js/jquery.select_skin.js"></script>
        <script src="./js/tinyeditor.js"></script>
        <script src="./js/jquery.tipsy.js"></script>
        <script src="./js/jquery.tweet.js"></script>
        <script src="./js/jquery.tablesorter.js"></script>
        <script src="./js/main.js"></script>
        <script src="./js/yenipencere.js"></script>
  • 02-05-2014, 20:39:05
    #2
    çakışıyor derken haritanın kaymasıyla alakalı stil olarak mı bozukluk var yoksa kodlar calısmıyor mu? Chrome üzerinden siteyi açıp F12->Console yapıp sonucu buraya yazar mısın
  • 03-05-2014, 23:39:44
    #3
    main ve yenipencere.js dosyalarında ne çalıştırıyorsunuz ? İçeriğini görme imkanımız var mı ? Javascript dosyalarının yüklenme sıralarını değiştirerek de çözülme ihtimali var. Daha detaylı bilgi gerekiyor bu şekilde yardımcı olmak zor.
  • 08-05-2014, 11:20:35
    #4
    Sayfada tab kullanıyorum tabları iptal ettiğimde düzeliyor tab kullandığımda harita stil olarak kayıyor